Button

v1.0.0

Primary action button with semantic variants and sizes.

Import

import { Button } from '@meteorack/sdk-react';

How To Use It

Use it for explicit user actions such as save, retry, install, or navigation triggers.
Match the variant to the intent: primary for the main action, secondary for supporting actions, ghost for low emphasis, and danger for destructive work.

Works Well With

PageHeader Card ConfirmDialog

Props

variant?: 'primary' | 'secondary' | 'ghost' | 'danger'

Visual treatment for the action intent.

size?: 'sm' | 'md' | 'lg'

Button sizing for compact or prominent actions.

loading?: boolean

Shows a spinner and disables interaction while work is in progress.

Example

Button.tsx

import { Button } from '@meteorack/sdk-react';

export function SaveAction() {
  return (
    <Button variant="primary" size="md" loading={false}>
      Save changes
    </Button>
  );
}

PreviousPageHeader NextCard