Components
Loading preview...
Displays a button or a component that looks like a button.
npx shadcn@latest add https://21st.dev/r/shadcn/buttonimport { Button } from "@/components/ui/button";
function Basic() {
return (
<div className="flex gap-4">
<div className="isolate flex -space-x-px">
<Button variant="outline" className="rounded-r-none focus:z-10">
Prev
</Button>
<Button variant="outline" className="rounded-l-none focus:z-10">
Next
</Button>
</div>
<div className="flex -space-x-px">
<Button variant="outline" className="rounded-r-none focus:z-10">
Prev
</Button>
<Button variant="outline" className="rounded-none focus:z-10">
Now
</Button>
<Button variant="outline" className="rounded-l-none focus:z-10">
Next
</Button>
</div>
</div>
);
}
export { Basic }