DocSpace-buildtools/web/ASC.Web.Storybook/stories/input/search

Input: SearchInput

Usage

import { SearchInput } from 'asc-web-components';

Description

SearchInput description

Usage

<SearchInput 
    isNeedFilter={true}
    getFilterData={() => [  { key: 'filter-example', group: 'filter-example', label: 'example group', isHeader: true },
                            { key: 'filter-example-test', group: 'filter-example', label: 'Test' }]
                    }
    onSearchClick={(result) => {console.log(result)}}
    onChangeFilter={(result) => {console.log(result)}}
/>

Props	Type	Required	Values	Default	Description
id	string	-	-	-	Used as HTML id property
value	string	-	-	-	Value of the input
onChange	func	-	-	-	Called with the new value. Required when input is not read only. Parent should pass it back as value
isDisabled	bool	-	-	false	Indicates that the field cannot be used (e.g not authorised, or changes not saved)
placeholder	string	-	-	-	Placeholder text for the input
size	string		base, middle, big, huge	base	Supported size of the input fields.
scale	bool	-	-	-	Indicates the input field has scale
isNeedFilter	bool			false	Determines if filter is needed
selectedFilterData	array	-			Selected filter data