Theme Preview

display

Live preview of a design theme applied to common UI patterns.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { ThemePreview } from "@launchapp/design-system";

Examples

Theme preview pane

<ThemePreview tokens={{ primary: "#3b82f6", secondary: "#6b7280", background: "#ffffff" }} />

Props

PropTypeDefaultDescription
tokens*
ThemeTokensDesign tokens to preview.