Button

Primary Secondary Tertiary Accent Info Success Warning Error
Attribute Type Documentation Default Value
id :any

HTML id attribute

class :any

Additional CSS classes

variant :string

Button color variant

size :string

Button size

shape :string

Button shape

loading :boolean

Show loading state

false
disabled :boolean

Disable the button

false
native_submit :boolean

Render a native submit button for forms that must work without JavaScript

false
navigate :string

Navigates from a LiveView to a new LiveView

patch :string

Patches the current LiveView

href :any

Uses traditional browser navigation to the new location

replace :boolean

Replace browser history when using navigate or patch

false
noise :boolean

Use noise effect button style

false
content :string

Content text for noise button

""
confirm :string

Confirmation message (enables confirm modal)

""
confirm_title :string

Title for confirmation modal

""
confirm_text :string

Text for the confirm button in modal

"Yes"
cancel_text :string

Text for the cancel button in modal

"Cancel"
confirm_class :any

CSS class for confirm button

cancel_class :any

CSS class for cancel button

show_cancel_action :boolean

Show cancel button in modal

true
confirm_label :string

Accessible fallback label for confirm modal when no title is set (i18n)

"Confirmation"
rest :global

Additional HTML attributes

Required inner_block * :slot

Button content

[Multiple values]
prefix :slot

Content before button text (e.g., icon)

suffix :slot

Content after button text (e.g., icon)

confirm_action :slot

Custom confirm action button content