Components
Loading preview...
Display tab content.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/tabs-1import { useState } from "react";
import { ITab, Tabs } from "@/components/ui/tabs-1";
const disabledTabs: ITab[] = [
{
title: "Apple",
value: "apple"
},
{
title: "Orange",
value: "orange"
},
{
title: "Disabled",
value: "disabled",
disabled: true,
tooltip: "Disabled tooltip"
}
];
export default function SecondaryDemo() {
const [selected, setSelected] = useState<string>("apple");
return <Tabs
selected={selected}
setSelected={setSelected}
tabs={disabledTabs}
variant="secondary"
/>;
}