SearchBar

SearchBar UI Component

Installation

npm i @synerise/ds-search-bar

or

yarn add @synerise/ds-search-bar

Usage

import SearchBar from '@synerise/ds-search-bar'

<SearchBar />

Demo

API

Property	Description	Type	Default
autofocus	Whether the input is focused	boolean	false
className	Optional class for the component	string	-
clearTooltip	Tooltip description above clear button	string / React.ReactNode	-
disabled	Whether the input is disabled.	boolean	-
iconLeft	Place for optional icon on the left side	React.ReactNode	-
onSearchChange	Callback when user input	() => void	-
onClearInput	Callback when user press clear button	() => void	-
placeholder	Placeholder	string / React.ReactNode	-
value	The input content value	string	-
autofocusDelay	Delay (ms) of the focus on search input	number	0