marigold-ui/marigold_2026

Select

Basic

Opens the dropdown

Opens the dropdown, skips the disabled option, and selects an item

Opens the list with long option labels

Wraps an unbreakable option label inside a narrow list

Opens the list grouped into sections

Opens the list with option badges

Opens the list with user avatars

Opens a large option list

Selects an option clicked immediately after reopening the list

Sizes the trigger to the requested width

Multiple

Selects multiple options and submits them

Opens the list with multiple items selected

With Render Value

renders the selected value with a custom renderValue

With Render Value Mobile

renders the selected value with a custom renderValue in the tray

Multi Select Summary

collapses multiple selections into a compact count summary

Multi Select Summary Mobile

shows the compact count summary from the tray branch

Quick Filter

keeps the dimension label and reflects the active count in a badge

Mobile

Opens the tray

Selects an option and closes the tray

Mobile Controlled

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in