Kami UI

SearchBar

SearchBar component from the Kami UI library.

What this is used for

Top-of-screen search in list and content views.

Mobile-focused features

  • mobile search UX
  • cancel flow support
  • optimized for thumb typing

Implementation example

import { SearchBar } from '@kamiui/kami';

<SearchBar value={query} onChange={setQuery} placeholder="Search lessons…" />

Preview

SearchBar
Preview unavailable for this component

On this page