Skip to content
OTF Kit logoOTF Kit

Search Input

Input

Search-styled input with icon, clear button, and keyboard handling.

View in Storybook
Search Input
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Search Input from @otfdashkit/ui.

Code
// Search Input — Search-styled input with icon, clear button, and keyboard handling.
//
// Install:
//   bun add @otfdashkit/ui

import { SearchInput } from '@otfdashkit/ui'

export function Example() {
  return (
    <SearchInput>
      {/* your content */}
    </SearchInput>
  )
}

Props

Props declared in the SearchInput source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
onChange(value: string) => void
onClear() => void
shortcutstring

Related