Dropdown

Preview

Options

Installation

npx skeci-ui add dropdown

Usage

import { Dropdown } from '@/components/ui/dropdown';

const items = [
  { label: 'Profile', onClick: () => {} },
  { label: 'Settings', onClick: () => {} },
  { label: 'Logout', onClick: () => {} },
];

<Dropdown label="Menu" items={items} />

Variants

Sizes

Small

Medium

Large

Rounded Corners

Rounded SM

Rounded LG

Props

Prop	Type	Default	Description
label	string	(required)	The text label for the dropdown button.
items	{ label: string; onClick?: () => void }[]	(required)	The list of items to display in the menu.
size	'sm' | 'md' | 'lg'	'md'	The size of the dropdown button.
rounded	'none' | 'sm' | 'md' | 'lg'	'none'	The border radius of the dropdown button and menu.