Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block2 dependencies

Field Selects 3 - Select with groups

field-field-selects-3

SelectContent using SelectGroup and SelectLabel for categorized options.

@shadcnblocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

7 variants

Variants of this

Other takes on Field Selects 3 - Select with groups from @shadcnblocks — the same idea in another design, language or styling.

FieldGroup with several independent Select fields in one form section.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Chart Line Label - A line chart with a label
chart-chart-line-label
Block
Bento Tile Bento2 Tile 1 - Stats overview bar chart
bento-tile-bento2-tile1
Block
Chart Tooltip Formatter - Tooltip - Formatter
chart-chart-tooltip-formatter
Block
Button Secondary 1 - Secondary button with text
button-button-secondary-1
Block
Bento Tile Bento29 Tile 1 - Modular grid-based UI blocks
bento-tile-bento29-tile1
Block
Autocomplete City - City autocomplete
autocomplete-autocomplete-city
Block
Chart Line Multiple - A multiple line chart
chart-chart-line-multiple
Block
Alert Dialog Destructive 3 - Destructive with Checkbox Confirmation
alert-dialog-alert-dialog-destructive-3
Block