@clayui/alert

ClayAlert component

Usage no npm install needed!

<script type="module">
  import clayuiAlert from 'https://cdn.skypack.dev/@clayui/alert';
</script>

README

title: 'Alert' description: 'Alerts are used to capture the attention of the user in an intrusive way.' lexiconDefinition: 'https://liferay.design/lexicon/core-components/alerts/' packageNpm: '@clayui/alert'

import { Alert, AlertToastContainer, AlertWithButton, InlineAlert, } from '$packages/clay-alert/docs/index';

Variants

You can use alert with the following variants:

We recommend that you review the use cases in the Storybook.

Using with ClayButton

Inline

Using with ToastContainer

You can use alerts with a ToastContainer to render the alerts in a container with position: fixed.