@vcl/toolbar v0.6.3
VCL toolbar
Horizontal bar which can contain navigation elements, buttons, form controls etc.
Features
Multiple levels can be visualized with the modifiers vclLeveln
where n
is the level number. The first level (n = 1) is the default and does
not require a modifier.
Usage
Website or App Main Toolbar
A toolbar with logo, controls and a navigation menu as typically found as main application toolbar. To manifest its hierarchy level visually, it is enlarged by 10%.
Input
A variant with an embedded input.
Second Level
Second level toolbar with textual title in the middle.
Classes
vclToolbar
vclToolbarTitle
Modifiers
vclSecondary
: Make is appear less important.vclTransparent
: Make the background color transparent.
Variables
--toolbar-l1-bg-color
--toolbar-l2-bg-color
Demo
example.html on GH-pages.
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago