/alert-row

alert row layout

Primary LanguageHTMLISC LicenseISC

alert-row

Prototype of an Alert Row layout that has two layout modes for narrow and wider component widths.

A wider component width requires the use of a BEM modifier class, resulting in a second line of items being relocated into the centre of a first line of items.

This BEM modifier class may be either applied manually when it is known that the width of the component will be wider, or applied dynamically by JavaScript.

In this prototype ResizeObserver is used to apply the modifier class above a breakpoint.