Components
Loading preview...
A select component for switching between major sections of your application, with support for descriptions and icons. Features - Smooth animations - Support for icons and descriptions - Keyboard navigation - Custom trigger styles - Active state tracking - Glass morphism effect - Responsive design
npx shadcn@latest add https://21st.dev/r/fuma-nama/root-toggleimport { RootSelect } from "@/components/ui/root-toggle"
function RootSelectDemo() {
return (
<div className="flex min-h-32 w-full items-start justify-center bg-transparent p-4">
<RootSelect
options={[
{
url: "#",
title: "Hello World",
description: "The example item of root toggle"
},
{
url: "#",
title: "Other page",
description: "The example item of root toggle"
}
]}
placeholder="Select section"
className="min-w-[200px]"
/>
</div>
)
}
export { RootSelectDemo }