React | Simple List | 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 { SimpleList, SimpleListItem } from '@optimus-web/core';
                                                        
                                                        return (
                                                            <SimpleList>
                                                                <SimpleListItem>Lorem ipsum dolor sit amet</SimpleListItem>
                                                                <SimpleListItem>Consectetur adipiscing elit</SimpleListItem>
                                                                <SimpleListItem>Nullam tempus ipsum metus</SimpleListItem>
                                                            </SimpleList>
                                                        )

Name	Description	Type
children	The children of the SimpleList component	ReactNode
columnWidth?	The width of each column in the list	string
listStyle?	The style of the list	“none”, “initial”
ordered?	Specifies whether the list should be ordered or not	boolean
plain?	Specifies whether the list should be plain or not	boolean
spacing?	Spacing around the ul element	Spacing
variant?	“primary”, “secondary”, “tertiary”, “inverse”	TypographyVariant

Simple List

Resources

Example

API