Skip to content

Status Bar

Vinicius Reif Biavatti edited this page Mar 15, 2023 · 1 revision

Description

The status bar component represents some quick actions or shows some texts to the user. The BIOS or Turbo Vision examples have a status bar. Check the Examples.

Code Examples

These are some examples for component:

<!-- Example -->
<div class="tui-statusbar">
    <ul>
        <li><a href="#!"><span class="red-168-text">F1</span> Help</a></li>
        <span class="tui-statusbar-divider"></span>
        <li><a href="#!"><span class="red-168-text">F10</span> Menu</a></li>
        ...
    </ul>
</div>

Component Classes

This is the table with available classes for this component.

Class Description
.tui-statusbar Creates a status bar
.tui-statusbar-divider Creates a vertical status bar divider
Clone this wiki locally