Tabs Link

PreviousNext

tabs-link-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/navigation/tabs/tabs-link-demo.tsx
"use client"

import { Tab, TabList, Tabs } from "@/components/ui/tabs"

const navs = [
  { url: "/", label: "Home" },
  { url: "/themes", label: "Themes" },
  { url: "/colors", label: "Colors" },
]

export default function TabsLinkDemo() {
  return (
    <Tabs aria-label="Navbar">
      <TabList items={navs}>
        {(item) => (
          <Tab id={item.label} href={item.url}>
            {item.label}
          </Tab>
        )}
      </TabList>
    </Tabs>
  )
}

Installation

npx shadcn@latest add @intentui/tabs-link-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.