x
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="alert-banner" role="region" aria-label="Alerts" hidden="hidden" data-controller="alert-banner" data-alert-banner-interval-value="10000" data-alert-banner-signature-value="1|2026-10-27T09:00:00Z" data-alert-banner-venue-id-value="12" data-severity="high"> <div class="alert-banner__inner"> <div class="alert-banner__alerts" aria-live="off" data-alert-banner-target="alerts"> <p class="alert-banner__alert" data-alert-banner-target="alert" data-severity="high"> <span class="alert-banner__severity-icon" aria-hidden="true"><span class="material-symbols-outlined report" data-recite-translate-skip="true"></span></span> <span class="alert-banner__message">The main pool is closed for maintenance</span> </p> </div> </div> <button type="button" class="alert-banner__close" aria-label="Close alerts" data-action="alert-banner#dismiss"> <span class="material-symbols-outlined close" data-recite-translate-skip="true"></span> </button></div>1
render AlertBannerComponent.new(alerts: [ alert("1", "The main pool is closed for maintenance", "high") ], venue_id: 12)No notes provided.
No params configured.
No Figma design linked. Add
@figma_node_id <id> (or
@figma <url>) to the preview class or scenario docstring.