Alerts

1
2
3
4
5
6
7
8
9
10
<Alert
  appearance="solid"
  icon="warning"
  title="Configurable Alert"
  variant="warning"
>
  <p>
    This is a configurable alert with solid appearance and warning variant.
  </p>
</Alert>

1
2
3
<Warning title="Warning Alert">
  Your session has expired. Please log in again.
</Warning>

1
2
3
<Info title="Info Alert">
  New features have been added to your dashboard.
</Info>

1
2
3
<Error title="Error Alert">
  An error occurred while processing your request.
</Error>

1
2
3
<Success title="Success Alert">
  Your changes have been saved successfully.
</Success>

1
2
3
<Callout title="Callout Alert">
  Remember to back up your data regularly.
</Callout>