var Component=(()=>{var u=Object.create;var i=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var p=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),x=(n,t)=>{for(var r in t)i(n,r,{get:t[r],enumerable:!0})},s=(n,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of g(t))!m.call(n,o)&&o!==r&&i(n,o,{get:()=>t[o],enumerable:!(a=T(t,o))||a.enumerable});return n};var C=(n,t,r)=>(r=n!=null?u(f(n)):{},s(t||!n||!n.__esModule?i(r,"default",{value:n,enumerable:!0}):r,n)),w=n=>s(i({},"__esModule",{value:!0}),n);var l=p((y,d)=>{d.exports=_jsx_runtime});var _={};x(_,{default:()=>b,frontmatter:()=>v});var e=C(l()),v={title:"Tabs",description:"Organize content into navigable sections"};function c(n){let t={h5:"h5",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...n.components},{Code:r,TabsPreview:a}=t;return r||h("Code",!0),a||h("TabsPreview",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a,{}),` `,(0,e.jsx)(t.h5,{children:"Installation"}),` `,(0,e.jsx)(r,{language:"bash",tabs:!0,code:"radianos add tabs"}),` `,(0,e.jsx)(t.h5,{children:"Imports"}),` `,(0,e.jsx)(r,{language:"tsx",code:'import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"'}),` `,(0,e.jsx)(t.h5,{children:"Props"}),` `,(0,e.jsxs)(t.table,{children:[(0,e.jsx)(t.thead,{children:(0,e.jsxs)(t.tr,{children:[(0,e.jsx)(t.th,{children:"Prop Name"}),(0,e.jsx)(t.th,{children:"Default Values"}),(0,e.jsx)(t.th,{children:"Values"})]})}),(0,e.jsxs)(t.tbody,{children:[(0,e.jsxs)(t.tr,{children:[(0,e.jsx)(t.td,{children:"variant"}),(0,e.jsx)(t.td,{children:"default"}),(0,e.jsx)(t.td,{children:"default, open, outline, ghost"})]}),(0,e.jsxs)(t.tr,{children:[(0,e.jsx)(t.td,{children:"size"}),(0,e.jsx)(t.td,{children:"base"}),(0,e.jsx)(t.td,{children:"small, base"})]}),(0,e.jsxs)(t.tr,{children:[(0,e.jsx)(t.td,{children:"width"}),(0,e.jsx)(t.td,{children:"fit"}),(0,e.jsx)(t.td,{children:"fit, full"})]})]})]}),` `,(0,e.jsx)(t.h5,{children:"Usage"}),` `,(0,e.jsx)(r,{language:"tsx",code:` Tab One Tab Two Content of tab one Content of tab two `})]})}function b(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,{...n,children:(0,e.jsx)(c,{...n})}):c(n)}function h(n,t){throw new Error("Expected "+(t?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return w(_);})(); ;return Component;

Prop Name	Default Values	Values
variant	default	default, open, outline, ghost
size	base	small, base
width	fit	fit, full

Getting Started

Installation

Fundamentals

Primitives

Website Components

Application Components

Tabs

Installation

Imports

Props

Usage