Balance Logo
Balance
Reckon Design System
Open playroom

Search Input

Searching is an intuitive method of discovery, offering users a way to explore a website or application using keywords.
Install
pnpm add @balance-web/search-input
Import usage
import {
SearchInput
} from '@balance-web/search-input';
  • Code
  • API

Usage

The search components should be used as a means of discovering content, or as a filter to aid the user in finding content.

Edit in Playroom

Sizes

SearchInput accept two sizes.

Clear

Using the onClear property, the input value may be cleared by the user by clicking the "x" icon or pressing "Escape" while the input is focused.

Copyright © 2024 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo