ZSidebar

Sidebar component from zurto-ui.

Preview

DashboardSettingsProfile

Import

import { ZSidebar } from "zurto-ui";

Props

Prop	Type	Default	Description
children	ReactNode	-	Component content
className	string	-	Additional CSS classes

Sizes

<ZSidebar size="sm">Small</ZSidebar>
<ZSidebar size="md">Medium</ZSidebar>
<ZSidebar size="lg">Large</ZSidebar>

Accessibility

• ✅ Proper ARIA attributes included
• ✅ Keyboard navigation support
• ✅ Screen reader friendly
• ✅ Focus visible indicators