Alert - AMiSi Mobile Starter

Alert renders inline information, success, warning, or error feedback.

Usage

import { Alert, Button } from '@amisi-mobile-starter/ui';

export const BillingAlert = () => (
  <Alert
    variant="warning"
    title="Action required"
    description="Your card expires soon."
    action={<Button size="sm">Update card</Button>}
    onDismiss={() => {}}
  />
);

Props

Prop	Type	Default	Description
`description`	`string`	Required	Feedback message.
`title`	`string`	`undefined`	Optional heading.
`variant`	`'info' \| 'success' \| 'warning' \| 'error'`	`'info'`	Visual tone.
`action`	`ReactNode`	`undefined`	Content rendered below the description.
`isDismissible`	`boolean`	`true`	Shows the dismiss button.
`onDismiss`	`() => void`	`undefined`	Runs after the alert hides itself.

Alert also accepts React Native ViewProps. Dismissal is internal and permanent for the mounted instance.