Skip to main content

ToolbarActions

shadow

The ToolbarActions element serves as a wrapper for the buttons inserted into the Toolbar element and thus groups the different toolbar actions into a single unit.

note

For more information on using ToolbarActions, go to the Toolbar element documentation.

When to use

Use wje-toolbar-actions to compose stable page structure with clear visual and semantic hierarchy.

When not to use

Do not use layout components to handle business logic or application orchestration.

Accessibility

Preserve document semantics (header, main, aside, footer) and logical tab/focus order.

Best Practices

  • Define mobile/desktop breakpoints first, then refine visual details.
  • Prefer spacing tokens over ad-hoc margin/padding overrides.
  • Test keyboard and screen reader behavior for overflow scenarios.

Attributes and Properties

No properties available for this component.

Events

No events available for this component.

Methods

getActions

DescriptionReturns the actions for the toolbar action.
Signature() => Array

CSS Shadow Parts

NameDescription
nativeThe native toolbar action wrapper.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

NameDescription
defaultThe default slot for the toolbar action.