Select With Compound Components (Single + Multi)

Challenge summary

Design and build one Select API that works as a single-select or a multi-select and lets every option render custom content. The behavior checks cover selection, disabled options, keyboard closing and the labels the trigger shows.

What you'll practice

• Split a widget into parts that share state through context.
• Keep the value controlled while the component owns its open state.
• Type single and multi modes so a wrong value shape cannot compile.
• Expose the listbox pattern to assistive technology with the right roles and states.

What Premium unlocks

Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.