Select

Choose from a dropdown list of options.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Standard implementation with default configuration.

Prevents interaction with reduced visual emphasis.

Organizes related options under a shared heading.

Shapes from sharp to fully rounded.

Applies sharp corners with no br-(value).

Applies a smooth continuous curve between adjacent corners.

Sizes from large to small.

Additional variants and interactive states.

Options with avatars and role descriptions for team member selection.

Renders without motion wrappers or interactive animations.