Components
Loading preview...
A set of layered sections of content with smooth animations and modern styling.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/tabsimport { Tabs } from "@/components/ui/tabs";
import {Home, Settings, User} from "lucide-react"
export default function DemoOne() {
return (
<>
<div className="flex flex-col items-center gap-6 w-full max-w-sm">
<Tabs
items={[
{ id: "home", label: "Home", icon: <Home /> },
{ id: "settings", label: "Settings", icon: <Settings /> },
{ id: "profile", label: "Profile", icon: <User /> },
]}
defaultValue="home"
/>
</div>
</>
);
}