MenuSeparator
MenuSeparator displays a separator line between menu items to group related menu options within DropdownMenu.
Behaviors
This component supports the following behaviors:
| Behavior | Properties |
|---|---|
| Animation | animation, animationOptions |
| Bookmark | bookmark, bookmarkLevel, bookmarkTitle, bookmarkOmitFromToc |
| Component Label | label, labelPosition, labelWidth, labelBreak, required, enabled, shrinkToLabel, style, readOnly |
| Tooltip | tooltip, tooltipMarkdown, tooltipOptions |
| Styling Variant | variant |
Properties
This component does not have any properties.
Events
This component does not have any events.
Exposed Methods
This component does not expose any methods.
Styling
Theme Variables
| Variable | Default Value (Light) | Default Value (Dark) |
|---|---|---|
| color-MenuSeparator | $borderColor-dropdown-item | $borderColor-dropdown-item |
| height-MenuSeparator | 1px | 1px |
| marginBottom-MenuSeparator | $space-1 | $space-1 |
| marginHorizontal-MenuSeparator | 12px | 12px |
| marginTop-MenuSeparator | $space-1 | $space-1 |
| width-MenuSeparator | 100% | 100% |