Skip to main content

Toolbar Action

shadow

The page for wje-toolbar-action has been automatically updated to ensure that the documentation covers the current version of the components. Detailed instructions for use and recommendations will be added in the next content phase.

When to use

Use wje-toolbar-action to compose a stable page layout with a clear content hierarchy.

When not to use

Do not use it to solve business logic or for stateful orchestration of components.

Accessibility

Preserve the semantics of the document (header, main, aside, footer) and the logical order of focusable elements.

  • Define desktop/mobile breakpoints first and then fine-tune the details.
  • Prefer consistent spacing tokens over ad-hoc margin/padding values.
  • For layouts with overflow, always test keyboard navigation and readers.

Attributes and properties

breakpoint

PopisNastavuje textovú hodnotu uloženú vo voľbe breakpoint.
Atribútbreakpoint
Typstring
Predvolené-

maxItems

PopisNastavuje číselnú hodnotu používanú vo voľbe max-items.
Atribútmax-items
Typnumber|string
Predvolené0

visibleItems

PopisNastavuje číselnú hodnotu používanú vo voľbe visible-items.
Atribútvisible-items
Typnumber|string
Predvolené-

Events

Pre tento komponent nie sú dostupné žiadne udalosti.

Methods

scheduleOverflow

PopisSpustí metódu scheduleOverflow na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra(doubleFrame?: boolean) => void

getActions

PopisVráti actions z aktuálneho stavu komponentu.
Signatúra() => Array<HTMLElement>

getAssignedElements

PopisVráti assigned elements z aktuálneho stavu komponentu.
Signatúra() => Array<HTMLElement>

getExistingDropdown

PopisVráti existing dropdown z aktuálneho stavu komponentu.
Signatúra() => HTMLElement|null

observeExistingDropdown

PopisSpustí metódu observeExistingDropdown na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

getOverflowDropdown

PopisVráti overflow dropdown z aktuálneho stavu komponentu.
Signatúra() => HTMLElement

getOverflowMenu

PopisVráti overflow menu z aktuálneho stavu komponentu.
Signatúra() => HTMLElement|null

getVisibleLimit

PopisVráti visible limit z aktuálneho stavu komponentu.
Signatúra() => number

shouldCollapseByBreakpoint

PopisSpustí metódu shouldCollapseByBreakpoint na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => boolean

isCollapsedByBreakpoint

PopisOverí, či je collapsed by breakpoint aktuálne pravda.
Signatúra() => boolean

getBreakpointWidth

PopisVráti breakpoint width z aktuálneho stavu komponentu.
Signatúra() => number|null

applyOverflow

PopisSpustí metódu applyOverflow na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

restoreManagedActions

PopisSpustí metódu restoreManagedActions na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra(actions: Array<HTMLElement>) => void

restoreManagedOverflowContent

PopisSpustí metódu restoreManagedOverflowContent na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => void

createMenuItem

PopisVytvorí menu položku a pripojí ho do štruktúry komponentu.
Signatúra(action: HTMLElement) => HTMLElement

createOverflowDivider

PopisVytvorí overflow divider a pripojí ho do štruktúry komponentu.
Signatúra() => HTMLElement

measureActionMetrics

PopisSpustí metódu measureActionMetrics na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => {count: number, widths: number[], gap: number, moreWidth: number, getWidthForCount: Function}

measureMoreWidth

PopisSpustí metódu measureMoreWidth na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra() => number

CSS shadow parts

NázovPopis
nativeŠtýluje koreňovú shadow časť komponentu.

CSS custom variables

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Slots

NázovPopis
defaultPredvolený slot pre hlavný obsah komponentu.