Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    SearchInput

    A search field with a clear button, debounced search and a loading state.

    Storybook
    Storybook
    Source
    Source

    28 October 2026

    Section titled “28 October 2026”

    Added

    • First version: search icon, clear button and Escape to clear.
    • onSearch with debounceMs, onSubmit, loading, hideLabel, landmark.
    • The ui.search.* strings.

    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.