Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Combobox

    Choose one or several options from a list narrowed by typing; supports server results and adding new options.

    Storybook
    Storybook
    Source
    Source

    Added

    • Combobox: single and multiple choice, chips and clearing on Base UI Combobox.
    • filter, onInputValueChange and loading for server results; onCreate for new options.
    • Grouped options: ComboboxItemGroup[] (label, items) for items.
    • Glass material: under a glass Provider this surface turns glass; material="solid" keeps it solid.

    Changed

    • New sm size (32 px); md is 36 px (40 px on a touch screen) and lg 40 px. Corner radius is 10 px.
    • The box gets a hairline shadow; the focus outline is drawn 2 px outside the box; an invalid box gets a 2 px danger halo.
    • Shared overlay surface: raised fill, the border-overlay hairline and a shadow.
    • Option rows share one metric (menu-item-* tokens); the highlighted row takes the selected fill. The list has 4 px padding and 10 px corners (menu-radius).
    • Group headings use label-sm and line up with the option text, as in menus.
    • At sm the chevron and clear buttons are 24 px so they fit inside the field.