Skip to main content

Toolbar

shadow

Element Toolbar je flexibilný kontajner určený na zobrazovanie rôzneho obsahu organizovaným spôsobom, ktorý sa zvyčajne používa v hornej časti webových aplikácií alebo stránok. Môže obsahovať tlačidlá, navigáciu, pole vyhľadávania, a iné. Podporuje zarovnanie obsahu a tiež ho možno prilepiť k hornej časti obrazovky.

Súčasťou Toolbar je element ToolbarActions, ktorý zoskupuje rôzne akcie v podobe tlačidiel do jedného celku.

Základné použitie

Dynamický breadcrumbs

Dynamický action

Atribúty a Vlastnosti

No properties available for this component.

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Vlastnosti

NameDescription
--wj-toolbar-backcolorBackground of the toolbar
--wj-toolbar-border-colorColor of the toolbar border
--wj-toolbar-min-heightStyle of the toolbar border
--wj-toolbar-padding-bottomWidth of the toolbar border
--wj-toolbar-padding-inlineColor of the toolbar text
--wj-toolbar-padding-topMinimum height of the toolbar
--wj-toolbar-topOpacity of the toolbar background

Sloty

NameDescription
endThe content is placed to the right of the button text in LTR and to the left in RTL.
startThe content is placed to the left of the button text in LTR and to the right in RTL.