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

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