React | Chip | Made with Supernova

React

Is new design vision part implemented using new tokens?

Up to date

Storybook

React guidance

Source

GitHub code


                                                        
                                                        
                                                            import { Chip } from '@optimus-web/core';
                                                        
                                                        <Chip value="chip" onRemove={handleOnRemove}>
                                                          Chip
                                                        </Chip>

Name	Description	Type	Default
children	Defines the chip content	ReactNode	undefined
value	Defines the value for the chip	string \| number \| boolean	undefined
onRemove	Handles the event and the value on remove of the chip	(event: SyntheticEvent, value: string \| number \| boolean) => void	undefined
error?	Enables the error state	boolean	false
cancelEvent?	Stops propagation on remove of the chip	boolean	true
disabled?	Enables the disabled state	boolean	false

Chip

Resources

Example

API