commercetools/nimbus

ComboBox

Base

Multi Select Custom Options

Async Loading

Async Loading With Error

Async Multi Select Persistence

Async Multi Select Custom Options

Layout Leading Element

Layout Input Field

Layout Toggle Button

Layout Clear Button

Layout Clear Button Hidden

Layout Full Width

Layout Responsive

Multi Select Tags Display

Multi Select Tags Inline

Multi Select Tags Wrapping

Multi Select Tag Removal

Multi Select Input Accessible

Input Always Visible

Input Wraps To New Line

Input Placeholder

Focus Click Trigger Area

Focus Tab Key

Focus Remains On Input During Selection

Focus Loses On Outside Click

Focus Indicators Visible

Keyboard Arrow Down Opens Menu

Keyboard Arrow Keys Navigate

Keyboard Enter Selects

Keyboard Escape Closes

Keyboard Backspace Removes Tag

Keyboard Tag Group Navigation

Keyboard Only Workflow

Buttons Accessible When Wrapping

Buttons Click Areas

Menu Opens On Typing

Menu Opens On Focus

Menu Opens Manual

Menu Toggle Button

Menu Closes After Selection Single

Menu Stays Open After Selection Multi

Menu Closes On Outside Click

Menu Closes On Escape

Option Clicking Selects

Option Hover Feedback

Option Selected Visually Distinguished

Option Keyboard Selection

Option Multiple Selections

Clear Removes Selection Single

Clear Removes All Selections Multi

Clear Does Not Close Menu

Clear Does Not Close Menu Single Select

Clear Accessible Via Keyboard

Single Select One At A Time

Single Select Replaces Previous

Single Select Text In Input

Single Select Clear Removes

Single Select Menu Closes

Single Select Input Displays Value

Multi Select Multiple Options

Multi Select Options Appear As Tags

Multi Select Tag Remove Deselects

Multi Select Backspace Removes

Multi Select Menu Stays Open

Multi Select Clear Removes All

Persistence Items Persist When Filtering Changes

Persistence Items Remain Visible As Tags

Filtering Typing Filters Options

Filtering Case Insensitive

Filtering Partial Matches

Filtering Clearing Shows All

Filtering Resets On Menu Close

Filtering No Results State

Filtering With Sections

Custom Filter Starts With

Custom Filter Case Sensitive

Custom Filter Word Boundary

Custom Filter Fuzzy

Custom Filter Multi Property

Custom Filter Ranked

Custom Filter Multi Term

Empty State Menu Closes Default

Empty State Custom Message

Empty State Recover By Clearing Search

Creation User Can Create Options

Creation Enter On Non Matching Text

Creation Empty Input Does Not Create

Creation Duplicates Prevented

Creation Custom Validation Respected

Single Select Creation Auto Selected

Single Select Creation Input Updates

Single Select Creation Menu Closes

Accessibility Keyboard All Functionality Available

Accessibility Keyboard No Traps

Accessibility Keyboard Focus Management

Accessibility Keyboard Shortcuts

Accessibility Keyboard Focus Indicators

Accessibility Aria Input Listbox Relationship

Accessibility Aria Focused Option Identified

State Is Required

State Is Read Only

State Is Disabled

State Is Invalid

Portal Positioning In Dialog

Initial Selected Value

Controlled Input With Selection

Performance Many Selected

Content Area Scroll Behavior

Smoke Test

Option With Description

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in