# alert
The markup of every demo on , extracted from that
page. It is generated, so it cannot disagree with what the page renders.
Load the framework from the origin and read first:
a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`.
## alert
Varies: the `grid-*` ladder over 2 rungs, `2xs` to `xs`.
```html
```
## duration
Varies: the `grid-*` ladder over 2 rungs, `2xs` to `xs`.
```html
```
## animation
The entrance animation. It is only observable WHILE it runs: read at rest every specimen reports `animation-name: none`, because the class arms the animation and the trigger starts it.
Varies: the `grid-*` ladder over 2 rungs, `2xs` to `xs`.
```html
```
## size
One specimen per size rung, so the ladder reads as a single column. A rung sets the height, the type size and the horizontal padding together, and the sizeless specimen is identical to `-m` by construction.
Varies: the `button-*` ladder over 5 rungs, `xs` to `xl`.
```html
```
## color
The same specimen repeated on each ground Kuiper paints. The point is what you do NOT write: the ink, the border and the placeholder follow the ground through the `--foreground-*` tokens, so no color class appears on the specimen itself.
Varies: the `grid-*` ladder over 2 rungs, `2xs` to `xs`.
Shown 2 times on the page, on different grounds. The markup is
identical: the ground is a class on the panel around it.
```html
```