0.6.3 • Published 5 years ago

@vcl/toolbar v0.6.3

Weekly downloads
5
License
MIT
Repository
-
Last release
5 years ago

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%.

main toolbar example

Input

A variant with an embedded input.

input example

Second Level

Second level toolbar with textual title in the middle.

secondary example

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.

1.0.0-alpha.2

5 years ago

0.7.0-alpha.3

5 years ago

0.7.0-alpha.1

5 years ago

0.6.3

5 years ago

0.6.2

5 years ago

0.6.1

5 years ago

0.6.0-6

5 years ago

0.6.0-1

5 years ago

0.5.3

5 years ago

0.4.5

5 years ago

0.4.2

6 years ago

0.4.0

6 years ago

0.4.0-beta.3

6 years ago

0.4.0-beta.1

6 years ago

0.4.0-beta.0

6 years ago

0.4.0-0

6 years ago

0.3.0-0

6 years ago

0.3.0-2

6 years ago

0.3.0

6 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

7 years ago