Elements | Playground

50%

Click Me

This is an alert message demonstrating the component.

function elements() { console.log("Hello Elements!"); }

Theme

Variant (Style)

Shape (Radius)

Stripes

Animated Stripes

mac-frame (Code)

dismissible (Alert)

Currently wired specifically to the Meter preview.

Width (%)

100%

Height (px)

30px

Border Width (px)

1px

Border Radius (px)
(requires 'Rounded' shape)

8px

Text Size (rem)

1rem

Text Shadow

Font Family

--surface-base

--surface-fill

--surface-text

--border-color

--overlay-stripe-color

--surface-shadow

--overlay-convex-opacity

Popup Modal