# SMTP Settings

Displays SMTP settings

```html preview
<xwc-smtp-settings id="settings" class="mb-4"></xwc-smtp-settings>
<button id="btn">Set data</button>

<script>
    const btn = document.getElementById('btn');
    const settings = document.getElementById('settings')
    btn.addEventListener('click', () => {
        settings.value = {
            server: 'gmail.com',
            port: 2525,
            enableSsl: true,
            username: 'john',
            defaultSender: 'from@gmail.com',
            adminEmail: 'admin@gmail.com'
        };
    });

    settings.addEventListener('valueChange', (ev) => {
        console.log(ev);
    })
</script>
```