Tabs Disabled

PreviousNext

tabs-disabled-demo

Docs
intentuipage

Preview

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

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

export default function TabsDisabledDemo() {
  return (
    <Tabs disabledKeys={["c", "a"]} aria-label="Services">
      <TabList>
        <Tab id="o">Overview</Tab>
        <Tab id="c">Contact</Tab>
        <Tab id="a">About Us</Tab>
      </TabList>
      <TabPanel id="o">Overview</TabPanel>
      <TabPanel id="c">Contact</TabPanel>
      <TabPanel id="a">About Us</TabPanel>
    </Tabs>
  )
}

Installation

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

Usage

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