React Design System: component Search Input

Search Input

A Search Input let users enter and search queries.

Overview

API

Code

Component 'SearchInput'

First, you need to import a component to your code (сheck component path is right):

import SearchInput from "../../core/Inputs/SearchInput";

To use the component, copy and paste an example from the CODE tab.
Default props of component can be omitted, they are applied automatically. For example, you can skip the prop type='def', because 'def' is the default value of prop 'type'.

type

string = def

This prop set the shape of the component. Possible states: def | dense . the default state is def.

view

string = smooth

This prop set the view of the component. Possible states: smooth | outlined | raised | filled . The default state is smooth.

color

string = primary

This prop set the color of the component. Possible states: primary . The default state is primary.

className

string

A space-delimited list of class names to pass along to a child element.

value

string

Form value of the input, for controlled usage.

placeholder

string

Placeholder text in the absence of any value.

onSearch

func

Search function

fill

boolean = false

Whether this button should expand to fill its container. The default state is false.