Components
Command
Fast, composable, unstyled command menu for React.
Loading
Installation
pnpm dlx shadcn@latest add @toui/command
Examples
Dialog
Loading
Pattern
Tokens
7 CSS variables in 5 categories.
width
| CSS Variable | Value | Description |
|---|---|---|
--command-width-sm | 16rem | 256px |
--command-width-md | 20rem | 320px |
--command-width-lg | 24rem | 384px |
item-px
| CSS Variable | Value | Description |
|---|---|---|
--command-item-px | 0.5rem | 8px |
item-py
| CSS Variable | Value | Description |
|---|---|---|
--command-item-py | 0.375rem | 6px |
group-p
| CSS Variable | Value | Description |
|---|---|---|
--command-group-p | 0.375rem | 6px |
radius
| CSS Variable | Value | Description |
|---|---|---|
--command-radius | var(--component-radius-md) | — |
Credits
- Built with cmdk.