var Component=(()=>{var w=Object.create;var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var f=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),b=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},c=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of u(e))!g.call(t,d)&&d!==r&&i(t,d,{get:()=>e[d],enumerable:!(o=m(e,d))||o.enumerable});return t};var x=(t,e,r)=>(r=t!=null?w(D(t)):{},c(e||!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),C=t=>c(i({},"__esModule",{value:!0}),t);var h=f((j,l)=>{l.exports=_jsx_runtime});var _={};b(_,{default:()=>p,frontmatter:()=>I});var n=x(h()),I={title:"Dropdown",description:"Reveal additional actions or content"};function a(t){let e={h5:"h5",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...t.components},{Code:r,DropdownPreview:o}=e;return r||s("Code",!0),o||s("DropdownPreview",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o,{}),` `,(0,n.jsx)(e.h5,{children:"Installation"}),` `,(0,n.jsx)(r,{language:"bash",tabs:!0,code:"radianos add dropdown"}),` `,(0,n.jsx)(e.h5,{children:"Imports"}),` `,(0,n.jsx)(r,{language:"tsx",code:'import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DropdownSub, DropdownSubTrigger, DropdownSubContent } from "@/components/ui/tabs"'}),` `,(0,n.jsx)(e.h5,{children:"Props"}),` `,(0,n.jsxs)(e.table,{children:[(0,n.jsx)(e.thead,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.th,{children:"Prop Name"}),(0,n.jsx)(e.th,{children:"Default Values"}),(0,n.jsx)(e.th,{children:"Values"})]})}),(0,n.jsxs)(e.tbody,{children:[(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"selectionMode"}),(0,n.jsx)(e.td,{children:"undefined"}),(0,n.jsx)(e.td,{children:"single, multiple"})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"size"}),(0,n.jsx)(e.td,{children:"36"}),(0,n.jsx)(e.td,{children:"28,32,36,40,44,48"})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"lead"}),(0,n.jsx)(e.td,{children:"icon"}),(0,n.jsx)(e.td,{})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"disabled"}),(0,n.jsx)(e.td,{children:"false"}),(0,n.jsx)(e.td,{children:"true/false"})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"startContent"}),(0,n.jsx)(e.td,{children:"icon"}),(0,n.jsx)(e.td,{})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"endContent"}),(0,n.jsx)(e.td,{children:"icon"}),(0,n.jsx)(e.td,{})]})]})]}),` `,(0,n.jsx)(e.h5,{children:"Usage"}),` `,(0,n.jsx)(r,{language:"tsx",code:` Dropdown This week This month This quarter `})]})}function p(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(a,{...t})}):a(t)}function s(t,e){throw new Error("Expected "+(e?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}return C(_);})(); ;return Component;

Prop Name	Default Values	Values
selectionMode	undefined	single, multiple
size	36	28,32,36,40,44,48
lead	icon
disabled	false	true/false
startContent	icon
endContent	icon

Getting Started

Installation

Fundamentals

Components

Animations

Dropdown

Installation

Imports

Props

Usage