Component
SegmentedNav
A segmented control whose options are real links — ToggleGroup's shape for navigation.
import { SegmentedNav } from '@loidolt/theme-svelte';
Example
Notes
aria-current="page"is both the semantic and the pressed style.- Use ToggleGroup when the choice changes state on the page; use this when it navigates.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
items required | SegmentedNavItem[] | — | |
class | string | — | |
itemClass | string | — | |
label | string | 'Sections' | Accessible name of the navigation region. |
ref bindable | HTMLElement | null | null | |
size | ControlSize | 'md' |
Plus the attributes of Omit<HTMLAttributes<HTMLElement>, 'children'>, forwarded to the root element.