Components
Root Toggle
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
Loading preview...
import { 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 }