Components
Logo
Saasflare brand mark + wordmark with six size presets (icon hides the wordmark) and an interactive mode that wraps the mark in a next/link with hover affordance.
Installation
npx shadcn@latest add https://ui.saasflare.io/r/logo.jsonpnpm add @saasflare/uiDemo
Loading…
"use client"import { Logo } from "@saasflare/ui"/** Logo — icon-only mark plus the wordmark across size presets. */export function Demo() { return ( <div className="flex flex-wrap items-end gap-8"> <Logo size="icon" interactive={false} /> <Logo size="sm" interactive={false} /> <Logo size="md" interactive={false} /> <Logo size="lg" interactive={false} /> </div> )}API Reference
Prop
Type
App Icon
The raw Saasflare SVG mark as a standalone icon — sized via a single size prop (any CSS length), with full SVG prop pass-through for favicons, loaders, and nav rails.
Social Auth Button
Provider-branded OAuth sign-in button for all 16 supported identity providers, with official brand logos, an opt-in colorful weight, and built-in loading state (wraps StatefulButton). Includes 16 pre-bound shortcuts (GoogleAuthButton, GitHubAuthButton, …).