DocSpace-buildtools/web/ASC.Web.Storybook/stories/input/combobox/README.md

ComboBox

Description

Custom combo box input

Usage

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

const options = [
    {
        key: 25,
        label: '25 per page'
    },
    {
        key: 50,
        label: '50 per page',
    },
    {
        key: 100,
        label: '100 per page'
    }
];

<ComboBox options={options} isDisabled={false} withBorder={true} selectedOption={25} onSelect={option => console.log('selected', option)}/>

Properties

Props	Type	Required	Values	Default	Description
options	array	✅	-	-	Combo box options
isDisabled	bool	-	-	false	Indicates that component is disabled
withBorder	bool	-	-	true	Indicates that component contain border
selectedOption	string,number	-	-	0	Index of option selected by default
onSelect	func	-	-	-	Will be triggered whenever an ComboBox is selected option