# offcanvas
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-`.
## default
The component with no options set -- what the markup alone gives you, before any parameter is tuned. Read this one first: every other panel on the page is a departure from it.
Varies: 2 specimens.
```html
```
## mode
Varies: 8 specimens.
```html
```
## position
Varies: 8 specimens.
```html
```
## mode & position
Varies: 32 specimens.
```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: 8 specimens.
```html
```
## overlay
Varies: 8 specimens.
```html
```
## close
Varies: 16 specimens.
```html
```
## panels, outside ``
These live in the page's own `