Alert ​

Displays a callout for user attention.

Usage ​

import { Alert } from '@youcan/alto';

  <Alert type="success">
    <template #title>
      Profile Updated
    </template>
    <template #description>
      Your profile information has been successfully updated.
    </template>
  </Alert>

API Reference ​

Guidelines ​

• Ensure that your alert messages are clear and concise, and that they provide meaningful information to the user. Use appropriate ARIA roles and attributes to improve accessibility.

• Use the appropriate type for each alert to convey the correct message to the user.

• Keep the title and description brief and to the point.

• Test the alert component across different devices and screen sizes to ensure it is responsive and accessible.