# toast — Examples

## text

```html
<toast-ui text="Changes saved successfully." variant="success" duration="0" position="top-right"></toast-ui>
```

## variant

```html
<button-ui text="Default" variant="outline" size="sm" onclick="customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Default notification',variant:'default'}))"></button-ui>
```

## position

```html
<button-ui text="Top Left" variant="outline" size="sm" onclick="customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Top left',variant:'info',position:'top-left'}))"></button-ui>
```
