Sidebar Button
A minimalist button optimized for sidebar navigation. Features an active state indicator, category indentation, and smooth transition effects for a premium navigation experience.
Live Interactive Preview
Source
npx futureuikit add sidebar-button Details
Minimalist design focused on text and active state clarity.Built-in 'isActive' prop with a visual dot indicator and typography change.Supports 'isCategory' for hierarchical indentation in navigation lists.Hover effects and smooth transitions for interactive feedback.Perfect for dashboard sidebars and complex navigation systems.
How to Use?
- Import SidebarButton from your UI components.
- Use it within your sidebar layout for navigation links.
- Control the active state via the 'isActive' boolean prop.
- Use 'isCategory={true}' for nested navigation items.