MenuDivider
MenuDividers are used to separate MenuItems and MenuGroups. A brief, introductory couple of sentences about the component. This is a second sentence just so that there’s a second line in this document. Think of this a teaser for the When/How to Use section.
Example #
Menu with Dividers #
MenuItems and MenuGroups can optionally be separated with a MenuDivider. Text to explain what’s special about this example. Text to explain what’s special about this example. Text to explain what’s special about this example.
Menu Group Title
<DemoLayout> <Menu> <MenuItem> Menu item </MenuItem> <MenuDivider /> <MenuItem> Menu item </MenuItem> <MenuItem> Menu item </MenuItem> <MenuGroup title="Menu Group Title"> <MenuItem> Menu item </MenuItem> <MenuItem> Menu item </MenuItem> </MenuGroup> <MenuDivider /> <MenuGroup> <MenuItem> Menu item </MenuItem> <MenuItem> Menu item </MenuItem> </MenuGroup> </Menu> </DemoLayout>
MenuDivider Props #
Undocumented properties will be applied to the root element.
MenuDivider Theme Variables #
These variables can be used as hooks to override this component’s
style at either a global or
local level. The
theme referenced below is whatever theme is available from props
to the instance of this component.
| Variable | Value |
|---|---|
| MenuDivider_borderColor | theme.borderColor |
| MenuDivider_borderWidth | 1px |
| MenuDivider_margin | theme.spacing_single |
When/How to Use #
An explanation of when to use this component and basics about how to use it. Could also include when not to use this component, and which component should be used instead. More detailed how-to-use info is under Best Practices, below. It might be a couple of short sentences, or it could be a full paragraph or two.
Best Practices #
DO this other practice
Some text to explain why you should do this and when.