Skip to main content

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