Segmented icon tabs inside a bordered tray, where the active tab flips to the foreground color.
The import and the props worth knowing about, in one place.
import { Nav12 } from "@/components/beste/piece/nav12";
<Nav12
tabs={[
{
"label": "Preview",
"icon": "preview"
},
{
"label": "Code",
"icon": "code"
},
{
"label": "Readme",
"icon": "docs"
},
{
"label": "Settings",
"icon": "settings"
}
]}
activeIndex={0}
/>Sidebar-style stack of icon + label rows where the active row gets a muted fill and bolder text.
Classic folder-style tabs that sit on a rail, with the active tab bordered and notched into the panel.
12 open projects, 3 due this week
Segmented tab bar whose active pill glides from tab to tab on a timer while the summary line beneath cross-fades to match.
Breadcrumb where each crumb wears a home or folder icon chip and the final crumb has a muted fill.