React | Chip | Made with Supernova

React

Is new design vision part implemented using new tokens?

Up to date

Storybook

React guidance

Source

GitHub code

Storybook failed to load. Please connect to the VPN to access.


                                                        
                                                        
                                                            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