- 1.5.0

Button

This action cannot be undone.

Your changes have been saved.

Do you want to publish this post?
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