Theme Card
displayPreview card for displaying a color theme with swatches and name.
Preview
Ocean Blue
by Demo
A calming blue theme
v1.0.0MIT
Installation
npm install @launchapp/design-systemImport
import { ThemeCard } from "@launchapp/design-system";Examples
Theme selection card
<ThemeCard name="Ocean Blue" colors={["#0f172a", "#1e40af", "#3b82f6", "#bfdbfe"]} isActive={false} onSelect={() => console.log("selected")}/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
name* | string | — | Theme name. |
colors* | string[] | — | Array of hex color swatches. |
isActive | boolean | — | Highlights the card as the active theme. |
onSelect | () => void | — | Called when the card is selected. |