DocSpace-client/web/ASC.Web.Storybook/stories/input/combobox
2019-08-06 10:39:35 +03:00
..
combobox.stories.js web: components: ComboBox optimization 2019-07-31 21:42:23 +03:00
README.md Web: Components: Fixed selectedOption propType for ComboBox component. Fixed ComboBox story. 2019-08-06 10:39:35 +03:00

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