Menu Spacer Component

A vertical divider for menus and toolbars that inherits its visual language from the active design-system theme tokens.

Standard Toolbar Example

Dark Surface Example

The spacer stays readable on a dark surface without changing component code, because its default color resolves from the shared border token set.

Custom Size and Color

Interactive Example

Use the controls below to adjust the same spacer settings that are available as element attributes.

24px
1px
8px