Components / Navigation
Nav tabs
Links styled as tabs, for the sections of one record.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { NavTabs, NavTab } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
label | string | Names the navigation. |
current | boolean | The section on screen (aria-current=page). |
count | number | string | Optional count after the label. |
render | ReactElement | The host's link element. |
Behavior
Each tab is a URL. Use Tabs when the panels live on the same page.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.