# Authentication

[component-header:sl-auth]

```html preview
<sl-auth api="https://users.previsto.com"></sl-auth>
<sl-button class="mt-4" size="small">Reset</sl-button>

<script>
    const el = document.querySelector('sl-auth');
    const button = document.querySelector('sl-button');
    el.addEventListener('authenticate', ev => console.log(ev.detail));
    button.addEventListener('click', ev => el.reset());
</script>
```

## Disable webauthn
```html preview
<sl-auth api="https://users.previsto.com" webauthn="false"></sl-auth>

```

[component-metadata:sl-auth]