> ## 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.

# Alert

> Show contextual inline feedback for info, warning, success, and error

# Alert

Use `Alert` for inline contextual feedback such as info, success, warning, and error states.

## Basic usage

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

<Alert description="Your profile is up to date." />;
```

## Example

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

<Alert
  variant="warning"
  title="Action required"
  description="Your card expires soon."
  action={
    <Button size="sm" variant="outline">
      Update card
    </Button>
  }
  onDismiss={handleDismiss}
/>;
```

## Available props

* `variant`: `info | success | warning | error`
* `title?: string`
* `description: string`
* `action?: ReactNode`
* `isDismissible?: boolean`
* `onDismiss?: () => void`
* Inherits `ViewProps`

## Available methods and handlers

* `onDismiss()`: called after dismiss action when `isDismissible` is enabled