Choice Component
Choose items from a nested structure.

Try it on mobile. If you're emulating, make sure to refresh the page.

Things to try:

1. Click on a deeply nested item, then follow the blue dots to find it again.
2. Search for a deeply nested item.
3. Try it on mobile.
4. Play with the screen size.
5. Press Esc key when you have a search query. It should clear the search. Then press Esc again. It should close the menu.
6. Load the page with JavaScript disabled. The UI should be the same, but the menu is not interactive.

Super Nested

Choose something

Unselected

Ms. Meghan Osinski

Pre-selected

Nested

Choose something

Unselected

Bobby Leuschke DDS

Pre-selected

Many

Choose something

Unselected

Darrell Schinner

Pre-selected

Small

Choose something

Unselected

Hazel Mitchell

Pre-selected

One

Choose something

Unselected

Dr. Lana Bernier

Pre-selected

None

Choose something

Unselected

Choose something

Pre-selected

Non-interactive (ChoiceButton without menu)

Beth Dibbert

Beth Dibbert