Select

A styled dropdown select. Built on the native <select> element with DaisyUI's select class. Pass <option> children via the default slot. Supports sizes, colors, and bordered/ghost variants.

Default

Basic select with a placeholder option.

select default

Sizes

Five sizes: xs → xl.

select sizes

Colors

All eight DaisyUI color tokens.

select colors

primary

secondary

accent

info

success

warning

error

neutral

Bordered

variant="bordered" — always-visible border.

select bordered

Ghost

variant="ghost" — transparent background.

select ghost

Disabled

The entire select is non-interactive.

select disabled

With label

Use form-control + label for accessible labelling.

select labeled

Country

Shipping form

Real-world context: address form with selects.

select form

Shipping address

Country

State / Province

Delivery speed