Select

Dropdown selection component with customizable options and styling

Basic Select

Simple select with options and placeholder

Show Code

Select Sizes

Different size variants for various contexts

Show Code

Select Colors

Various color themes for different states

Show Code

Select Variants

Different visual styles

Show Code

Select with Disabled Options

Select with some disabled options

Show Code

Extra Large Select

DaisyUI 5 extra large size variant

Show Code

Neutral Color Select

DaisyUI 5 neutral color theme

Show Code

Usage Notes

  • Options can be disabled individually using the disabled property
  • Supports both controlled and uncontrolled usage patterns
  • Multiple size and color variants available for different contexts
  • Use onChange handler for form integration and state management
  • Ghost variant provides subtle styling for minimal designs
  • Placeholder option is automatically disabled and not selectable