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}
bordered={false}
/>