About
A bar is an ui component that divides a page in horizontal region.
Visually, the division can be done through the use of a:
- or a separator
bar are used:
- in a fat footer
- in a page header
- or in landing page.
Example
Bar with a blue background
Bar with a background image
Syntax
where:
- hero defines the hero space (default value of sm)
- background is the optional background definition
- bar is a container component and will follow the layout container configuration
- This is also an super HTML component and accepts therefore all styling attributes