Skip to main content

​
Alert

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

​
Basic usage

import { Alert } from '@amisi/ui';

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

​
Example

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