> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mobile-starter.amisi.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Button

> Use `Button` for primary actions and contextual actions.

## Basic usage

```tsx theme={null}
import { Button } from '@amisi/ui';

<Button onPress={handleContinue}>Continue</Button>;
```

## Example

```tsx theme={null}
import { Button, View } from '@amisi/ui';

<View className="gap-3">
  <Button variant="primary" size="md" onPress={handleSubmit}>
    Save changes
  </Button>
  <Button variant="outline" size="md" onPress={handlePreview}>
    Preview
  </Button>
  <Button variant="ghost" isLoading>
    Loading
  </Button>
</View>;
```

## Available props

* `variant`: `primary | secondary | outline | ghost | destructive`
* `size`: `sm | md | lg`
* `isLoading?: boolean`
* `isDisabled?: boolean`
* `leftIcon?: ReactNode`
* `className?: string`
* Inherits `PressableProps` including `onPress`, `testID`, `accessibilityLabel`

## Available methods and handlers

* `onPress(event)`: press handler from inherited `PressableProps`