Components
Loading preview...
Tabs in Vercel style
@yadwinder
npx shadcn@latest add https://21st.dev/r/yadwinder/vercel-tabsimport { Tabs } from "@/components/ui/vercel-tabs"
const tabs = [
{ id: "overview", label: "Overview" },
{ id: "integrations", label: "Integrations" },
{ id: "activity", label: "Activity" },
{ id: "domains", label: "Domains" },
{ id: "usage", label: "Usage" },
{ id: "monitoring", label: "Monitoring" },
]
export function Page() {
return (
<div className="flex justify-center items-center w-full min-h-screen">
<Tabs
tabs={tabs}
onTabChange={(tabId) => console.log(`Tab changed to: ${tabId}`)}
/>
</div>
)
}