# range — Examples

## default

```html
<range-ui value="50"></range-ui>
```

## label + value + suffix

```html
<range-ui label="Width" value="200" min="0" max="500" suffix="px"></range-ui>
```

## min / max / step

```html
<range-ui label="Font Size" value="16" min="8" max="72" step="1" suffix="px"></range-ui>
```
