Background
displayStatic decorative background with grid, dots, or gradient patterns.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { Background } from "@launchapp/design-system";Examples
Grid background
<div className="relative h-48 rounded-xl overflow-hidden"> <Background variant="grid" /></div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "grid" | "dots" | "gradient" | "noise" | "grid" | Pattern style. |
className | string | — | Additional CSS classes. |