shadcnblocks

Deploy region picker with flag, label, and latency badge per option.

Required select field marked with an asterisk.

Select with many options in a scrollable menu.

Small, default, and large select trigger sizes.

Timezone picker with grouped regional options.

Select items with avatar, name, and role or subtitle on a second line.

Select items with user avatars beside each name.

Select trigger with a muted background fill.

Select with a custom blue border and focus ring on the trigger.

Select items with color swatches beside each label.

Project select with a sticky Create new project button below the options.

Select pre-filled with a default selected option.

Select with descriptive copy above the control.

Workspace select with a separator and destructive delete action row.

Select menu with individual disabled items.

Role select with invalid styling and a validation error message.

Select items with country flag emoji beside each label.

Select wrapped in Field with helper text below the control.

Select trigger with a GitBranch icon for choosing a git branch.

Select with a small label inside the trigger.

Select trigger with static leading text before the value.

Select with grouped options and section labels.

Select with a label overlapping the trigger border.

Select with placeholder text before a value is chosen.

Select with currency prefix and unit suffix in the trigger.

Storage bucket select with usage text and a Progress bar in each option.

Plan select with one highlighted row and a Recommended badge.

Grouped select with separators between sections.

Select trigger that displays the choice as a status badge.

Select trigger that truncates long selected labels.

Org picker with logo tile, member count, and plan badge on each option.

Horizontal Separator.

Vertical Separator.

In Navigation.

Section Divider.

Simple Line.

Tight Spacing.

Default Spacing.

Wide Spacing.

With Margins.

Inset Separator.

Thick Separator.

Dashed Separator.

Dotted Separator.

Gradient line divider between content sections.

Double Line.

With Text Center.

With Text Left.