Skip to content

Scrollbar

Vinicius Reif Biavatti edited this page Sep 11, 2019 · 4 revisions

Description

The scrollbar has a tui style. This is just applied for Google Chrome browser unfortunately. The default scrollbar has a cyan color, but this color can be changed using the css classes in the class table session. The background color always is blue for this component.

Code Examples

These are some examples for component:

<!-- Scroll for entire page -->
<html class="tui-scroll-red">
    ...
</html>

<!-- Scroll Tui style removed -->
<html class="no-tui-scroll">
    ...
</html>

Component Classes

This is the table with available classes for this component.

Class Description
.tui-scroll-cyan Change the scrollbar color to cyan. This is the default
.tui-scroll-green Change the scrollbar color to green
.tui-scroll-red Change the scrollbar color to red
.tui-scroll-purple Change the scrollbar color to purple
.tui-scroll-yellow Change the scrollbar color to yellow
.tui-scroll-white Change the scrollbar color to white
.tui-scroll-orange Change the scrollbar color to orange
.no-tui-scroll Removes the Tui scroll style
Clone this wiki locally