# Address

[component-header:sl-address]

Address is an input field for editing addresses.

```html preview
<sl-address></sl-address>
```

## Examples

### Define countries
It is possible to define the countries to show in the list.
```html preview
<sl-address id="with-countries"></sl-address>

<script>
  document.getElementById('with-countries').countries = ['DK','FO','NO','SE']
</script>
```

### Help text
```html preview
<sl-address help-text="Address of the person"></sl-address>
```

### Error text
```html preview
<sl-address error-text="Enter a valid address"></sl-address>
```

[component-metadata:sl-address]