background-color

Utilities for controlling an element import { CustomizingYourThemeColors, ResponsiveDesign, TargetingSpecificStates, UsingACustomValue, } from "@/components/content.tsx";

Examples

Basic example

Use utilities like bg-white, bg-indigo-500 and bg-transparent to control the background color of an element:

Changing the opacity

Use the color opacity modifier to control the opacity of an element's background color:

Using a custom value

Applying on hover

Responsive design

Customizing your theme