-
Notifications
You must be signed in to change notification settings - Fork 70
Scrollbar
Vinicius Reif Biavatti edited this page Sep 11, 2019
·
4 revisions
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.
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>
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 |
Copyright © 2022 Vinícius Reif Biavatti
- Home
- Getting Started
- Examples
- Custom Theme
- Contributing
- Showcase
- Components
- Styles