SaladUI

Button

Renders a button.

Read more Read less

Examples

<.button>Send!</.button>
<.button phx-click="go" class="ml-2">Send!</.button>
Color variations with `variant` attribute. Open in playground 
<.button>
  Default
</.button>
<.button variant="secondary">
  Secondary
</.button>
<.button variant="destructive">
  Destructive
</.button>
<.button variant="outline">
  Outline
</.button>
<.button variant="ghost">
  Ghost
</.button>
<.button variant="link">
  Link
</.button>
Custom class Open in playground 
<.button size="lg" class="rounded-full" variant="destructive">
  Disabled
</.button>
Disabled Open in playground 
<.button disabled={true}>
  Disabled
</.button>