SearchInput

The Search Input component allows users to enter an input and query results from a database.

Import

import { SearchInput } from '@faststore/ui'

Usage

With custom icon

Props

onSubmit*(value: string) => void

Description

Callback function when submitted.

iconReactNode

Description

Custom icon inside the submit button.

aria-labelstring

Description

Custom aria-label for input and button.

testIdstring

Description

/** ID to find this component in testing tools (e.g.: cypress, testing library, and jest).

Default value

store-search-input

Customization

data-store-search-input

This component inherits Input, Button, Icon css selectors.