Navigation · NavigationRail
SSR NativeAccessibleNavigation Rail
Provides compact icon-first navigation along either viewport edge.
Astro
---
import { NavigationRail } from '@charvesta/cetha';
---
<NavigationRail label="Workspace"><Button aria-label="Home"><Icon name="home" /></Button></NavigationRail>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
label* | string | — | Navigation landmark label. |
side | 'left' | 'right' | 'left' | Border edge. |
class | string | — | Additional classes forwarded to the rendered element. |
Accessibility
Give every icon-only navigation action an accessible label.