A bar - A horizontal region

Undraw Website Builder Re Ii6e

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:

bar are used:

Example

Bar with a blue background

<bar color="white" text-align="center" background-color="blue">
    <heading 2>A blue slide</heading>
    <text lead>
**A unique collection of UI elements that are all flexible, modular and composable.  \\
A complete solution to building a professional website.**
     </text>
</bar>
HTML
A blue slide

A unique collection of UI elements that are all flexible, modular and composable.
A complete solution to building a professional website.

Bar with a background image

<bar color="steelblue" text-align="center" >
   <background>{{:docs:block:stock_image_surfer_in_the_see.png|}}</background>
    <title 2>A blue slide</title>
    <text lead>
**A unique collection of UI elements that are all flexible, modular and composable.  \\
A complete solution to building a professional website.**
     </text>
</bar>
HTML
A blue slide

A unique collection of UI elements that are all flexible, modular and composable.
A complete solution to building a professional website.

Syntax

<bar hero="md|sm|lg|xl">
   <background></background>
   <backgrounds>
       <background></background>
       ...
       <background></background>
   </backgrounds>
   My horizontal bar
</bar>
HTML

where:




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Related HowTo's
Landing Template Value
How to create a landing page?

This article shows you how to create a landing page with the markup component A landing page is a page with big horizontal sections that shows off your product or services. For your page, you should...


Recommended Pages



Task Runner