1.0.0 • Published 5 years ago

tsdev-react-tag-select v1.0.0

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

tsdev-react-tag-select

Installation

npm install tsdev-react-tag-select

Properties

nametypedefaultrequired
availableItemsarray of objects<< availableItems >>no
disabledboolfalseno
expandedboolfalseno
handleCloseTagfuncnoopno
handleSelectBoxClickfuncnoopno
idstring'tsdev-tag-select-{uuid}'no
isClosablebooltrueno
placeholderstring'Please Selects'no
showSummarybooltrueno
showValueboolfalseno
subClassstring''no
widthstring, number'123'no

Static Storybook

  • open with browser '/storybook-static/index.html'

Examples

  • open with browser '/dist/examples/index.html'

    Styles

  • '/dist/styles.css'

Functions

handleCloseTag(event, tag) => {
	console.log(event);
	console.log(tag);
}

handleSelectBoxClick(event, item, availableItems) => {
	console.log(event);
	console.log(item);
	console.log(item);
}

<< availableItems >>

[
        {
            id: 1,
            label: 'Item-1',
            value: 10,
            selected: false,
            disabled: false
        },
        {
            id: 2,
            label: 'Item-2',
            value: 20,
            selected: false,
            disabled: false
        },
        {
            id: 3,
            label: 'Item-3',
            value: 30,
            selected: true,
            disabled: false
        },
        {
            id: 4,
            label: 'Item-4',
            value: 40,
            selected: false,
            disabled: false
        },
        {
            id: 5,
            label: 'Item-5',
            value: 50,
            selected: true,
            disabled: true
        }
    ]