Chip Input

Chip Input allows users to provide multiple entries of the same format and easily edit or delete them.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Example


                                                        
                                                        
                                                            import { ChipInput } from '@mews/b2b-ui';
                                                        import { UnicodeEntity } from '@mews/enums';
                                                        
                                                        <ChipInput
                                                          label="Tags"
                                                          delimiters={[UnicodeEntity.Comma, UnicodeEntity.Space]}
                                                          value={['tag1', 'tag2']}
                                                          onChange={(event, chips) => setChips(chips)}
                                                        />