HTML

Alert group

ExamplesDocumentationCSS variables

Examples

Alert group

Copied to clipboard

Toast alert group

Toast alert group
Copied to clipboard

Documentation

Overview

Alert groups are used to contain and align consecutive alerts. Groups can either be embedded alongside a page's content or in the top-right corner as a toast group using the .pf-m-toast modifier.

CSS variables

--pf-c-alert-group__item--MarginTopc_alert_group__item_MarginTop0.5rem
--pf-c-alert-group--m-toast--MaxWidthc_alert_group_m_toast_MaxWidth37.5rem
--pf-c-alert-group--m-toast--Rightc_alert_group_m_toast_Right2rem
--pf-c-alert-group--m-toast--Topc_alert_group_m_toast_Top3rem
--pf-c-alert-group--m-toast--ZIndexc_alert_group_m_toast_ZIndex600