Use the `disabled` attribute to disable buttons.

```html
<div class="flex gap-12">
  <sd-button variant="primary" disabled>Disabled</sd-button>
  <sd-button variant="secondary" disabled>Disabled</sd-button>
  <sd-button variant="tertiary" disabled>Disabled</sd-button>
  <sd-button variant="cta" disabled>Disabled</sd-button>
</div>
```