Actions

Button

Triggers an action or renders an action-styled child element.

@dawn/ui/components/button

Preview

Rendered from @dawn/ui

Usage

import { Button } from "@dawn/ui/components/button";

export const Actions = () => (
  <div className="flex flex-wrap gap-2">
    <Button>Save changes</Button>
    <Button variant="outline">Cancel</Button>
    <Button variant="destructive">Delete</Button>
  </div>
);

API

variantdefault | outline | secondary | ghost | destructive | link: Sets the visual emphasis and interaction treatment.
sizedefault | xs | sm | lg | icon | icon-xs | icon-sm | icon-lg: Sets the control height, padding, and icon dimensions.
asChildboolean: Applies button behavior and styling to the single child element.

Exports

ButtonbuttonVariants