ChipsInput

A chips input
(code example)

info

This component extends TextField props.

tip

This component support margin, color, typography modifiers.

Usage

Live Editor

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

Result

Loading...

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