Divider

A visual separator that helps distinguish sections of content.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Example

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


                                                        
                                                        
                                                            import { Divider } from '@optimus-web/core';
                                                        
                                                        <Divider />

API

Name	Description	Type	Default
children	Defines the divider content	ReactNode	undefined
pageDivider	Makes the border 8px	boolean	false
variant	Defines the variant for the divider	DividerVariant	'horizontal'