Select

Select is used to pick a value from a list of options.

Class name	Type
form-control	Component	Container element
label	Component	For helper text
select	Component	For <select> element
select-bordered	Modifier	Adds border to select
select-ghost	Modifier	Adds ghost style to select
select-primary	Modifier	Adds `primary` color to select
select-secondary	Modifier	Adds `secondary` color to select
select-accent	Modifier	Adds `accent` color to select
select-info	Modifier	Adds `info` color to select
select-success	Modifier	Adds `success` color to select
select-warning	Modifier	Adds `warning` color to select
select-error	Modifier	Adds `error` color to select
select-lg	Responsive	Large size for select
select-md	Responsive	Medium (default) size for select
select-sm	Responsive	Small size for select
select-xs	Responsive	Extra small size for select

# Select

# Select with border

# Ghost (no background)

# With form-control and labels

Pick the best fantasy franchise Alt label Alt label Alt label

# Primary color

# Secondary color

# Accent color

# Info color

# Success color

# Warning color

# Error color

# Sizes

# Disabled

Do you have a question? ask the community

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective