Renders a button.

Examples

<.button>Send!</.button>
<.button phx-click="go" class="ml-2">Send!</.button>

Attributes

• class (:any) - Defaults to nil.
• color (:string) - Must be one of "primary", "secondary", "accent", "info", "success", "warning", "error", or "neutral".
• variant (:string) - Must be one of "primary", "secondary", "accent", "info", "success", "warning", "error", or "neutral".
• ghost (:boolean) - Defaults to false.
• soft (:boolean) - Defaults to false.
• dash (:boolean) - Defaults to false.
• link (:boolean) - Defaults to false.
• outline (:boolean) - Defaults to false.
• active (:boolean) - Defaults to false.
• disabled (:boolean) - Defaults to false.
• glass (:boolean) - Defaults to false.
• loading (:boolean) - Defaults to false.
• no_animation (:boolean) - Defaults to false.
• size (:string) - Must be one of "xs", "sm", "md", "lg", or "xl".
• wide (:boolean) - Defaults to false.
• block (:boolean) - Defaults to false.
• shape (:string) - Must be one of "circle", or "square".
• Global attributes are accepted. Supports all globals plus: ["form", "href", "navigate", "patch", "method", "download", "name", "value", "disabled"].

Slots

• inner_block (required)