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 iconsTabs: ITab[] = [
{
title: "Apple",
value: "apple",
icon: "https://www.svgrepo.com/show/530203/apple.svg"
},
{
value: "orange",
icon: "https://www.svgrepo.com/show/474519/orange.svg"
},
{
title: "Mango",
value: "mango"
}
];
export default function WithIconsDemo() {
const [selected, setSelected] = useState<string>("apple");
return <Tabs selected={selected} setSelected={setSelected} tabs={iconsTabs} />;
}