Background
Use background utilities to quickly style the background of an element. Great for cards, buttons, or any other element.
Gray Background Set
A set of gray background utilities classes.
<div class="bg-gray-900">...</div>| Class Reference | Value |
|---|---|
| class="bg-gray-[value]" | 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 |
Solid Background Set
A set of solid background utilities classes.
<div class="bg-primary">...</div>| Class Reference | Value |
|---|---|
| class="bg-[value]" | primary | secondary | success | warning | danger | info | indigo | purple | pink | teal | orange |
Transparent White Background Set
A set of overlay transparent white background utilities classes.
<div class="bg-white-9">...</div>| Class Reference | Value |
|---|---|
| class="bg-white-[value]" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
Transparent Black Background Set
A set of overlay transparent black background utilities classes.
<div class="bg-black-9">...</div>| Class Reference | Value |
|---|---|
| class="bg-black-[value]" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |