Library/atoms/Button

Button

atom

Primary action element. HeroUI v3 Button. Variant-based styling (no separate color prop).

Added in 0.1.0Last modified in 0.6.0

Live Preview

ThemeDefault Light

Device

Desktop

Props

Prop	Type	Description	Required
variant	"primary" \| "secondary" \| "tertiary" \| "danger" \| "danger-soft" \| "ghost" \| "outline"	Visual style and emphasis	yes
size	"sm" \| "md" \| "lg"	Button size	yes
isDisabled	boolean	Disabled state	yes

Usage

import { Button } from '@qsp-life/particle/free';

<Button variant="primary">Save Changes</Button>
<Button variant="danger-soft">Delete</Button>
<Button variant="outline">Cancel</Button>

Import

import { Button } from '@qsp-life/particle/free';