SaaS Button

SaaS-specific button with domain variants

SaaSPrimitives

Overview

The Button component supports six visual variants and four sizes, plus loading and disabled states. It covers all common SaaS interaction patterns from primary calls-to-action to subtle ghost actions.

Usage

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

<Button variant="default" size="default">
  Get started
</Button>;

Variants

Default

Dark

Destructive

Outline

Secondary

Ghost

Link

Small

Large

Loading

Disabled

Props

Name	Type	Default	Required	Description
`asChild`	`boolean`	`false`	No	If true, the button will render as its child element (using Radix UI Slot). Useful for rendering a custom component as a button.
`loading`	`boolean`	`false`	No	If true, shows a loading spinner and disables the button.
`size`	`"default" \| "sm" \| "lg" \| "icon" \| null`	—	No
`variant`	`"link" \| "default" \| "secondary" \| "destructive" \| "outline" \| "ghost" \| null`	—	No