Alert Group

The AlertGroup component is a container that can be used to group multiple Alert components together.

Component

Storybook

Storybook - AlertGroup Documentation

Guidelines

Usage

Use AlertGroup when displaying multiple overlay alerts together.

Component Specs

Example

<script>
	import { Alert, AlertGroup } from '@getprovi/craft-svelte';
</script>

<AlertGroup>
	<Alert overlay title="The title is bold." variant="success">
		Message copy is regular weight.
	</Alert>
	<Alert overlay title="The title is bold." variant="warning"
		>Message copy is regular weight.</Alert
	>
	<Alert overlay title="The title is bold." variant="critical"
		>Message copy is regular weight.</Alert
	>
	<Alert overlay title="The title is bold." variant="info">Message copy is regular weight.</Alert>
</AlertGroup>