React | Split Button | Made with Supernova

React documented

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 { ListItem, SplitButton } from '@optimus-web/core';
                                                        
                                                        <SplitButton>
                                                            <ListItem dense primaryText="First" value={1} />
                                                            <ListItem dense primaryText="Second" value={2} />
                                                            <ListItem dense primaryText="Third" value={3} />
                                                        </SplitButton>

Name	Description	Type	Default
children?	ListItems to be rendered inside of the openable Menu	React.ReactNode
disabled?	Allows the button to be disabled	boolean
label?	Text that will show as the main text of the Button	React.ReactNode
icon?	Use IconName from @optimus-web/icons to add an icon inside the button	IconName
onClick?	Your unique onClick handler function	React.MouseEventHandler<HTMLButtonElement>
size?	"small", "medium", "large", "extraLarge"	Size	"medium"
variant?	“primary”, “secondary”, “tertiary”	SplitButtonVariant	"tertiary"
wide?	Gives the button a width of 100%	boolean	false

Split Button

Resources

Example

API