Branding Preview

Overview

BrandingPreview renders a visual preview of tenant branding settings. It displays three sections: a simulated sidebar with the primary color, a mock login page with the accent color on the sign-in button, and a side-by-side color palette swatch. An optional logo URL replaces placeholder elements.

Usage

import { BrandingPreview } from "@leanicon/web-builder-library/saas";

<BrandingPreview primaryColor="#1e40af" accentColor="#3b82f6" />;

Variants

Default

Dark

With Logo

PreviewCode

DarkResponsive

Preview

Sidebar

Login Page

Sign In

Color Palette

Primary

#7c3aed

Accent

#8b5cf6

Custom Colors