Button

Buttons are used to trigger actions.

Usage

import { Button } from "@aqqo/aqqo-ui";

<Button>Button</Button>

<Button iconOnly aria-label="Print overview">
  <Command weight="duotone" className="size-5" />
</Button>

<Button variant="secondary">Button</Button>

<Button variant="secondary" iconOnly aria-label="Print overview">
  <Command weight="duotone" className="size-5" />
</Button>

<Button variant="tertiary">Button</Button>

<Button destructive>Button</Button>

<Button destructive iconOnly aria-label="Print overview">
  <Command weight="duotone" className="size-5" />
</Button>

<Button variant="secondary" destructive>
  Button
</Button>

<Button variant="secondary" destructive iconOnly aria-label="Print overview">
  <Command weight="duotone" className="size-5" />
</Button>

<Button variant="tertiary" destructive>
  Button
</Button>

<Button disabled>Button</Button>

Button props
Prop	Type	Values	Description
variant	string	primary (default) \| secondary \| tertiary	Determines the styling variant of the button
size	string	base (default) \| small	Determines the size of the button
destructive	boolean	true \| false (default)	Applies destructive styling to the button
iconOnly	boolean	true \| false (default)	Applies specific padding to the button
className	string	-	Additional CSS classes for custom styling
...props	any	-	Additional HTML attributes for the button