ChipsInput

A chips input
(code example)

info

This component extends TextField props.

tip

This component support margin, color, typography modifiers.

Usage

<ChipsInput  placeholder={'Placeholder'}  chips={[{label: 'Falcon 9'}, {label: 'Enterprise'}, {label: 'Challenger', borderRadius: 0}]}/>

API

chips

List of chips to render
ChipProps[]

defaultChipProps

Default set of props to pass by default to all chips
ChipProps

maxChips

The maximum chips to allow adding
number

onChange

Callback for chips change (adding or removing chip)
(newChips, changeReason, updatedChip) => void