Phenix Storybook

Pick a theme

Displays Riders

Button

Attribute Type Documentation Default Value
id :string Button id
text :string The text to display into the button.
type :atom :button
color :atom The button color :primary
outline :boolean Default buttons are filled with colors, outline buttons aren't false
navigate :atom This option allows you to specify which type of redirect you want :navigate
disabled :boolean Disabled button can not be interacted with false
loading :boolean Displays a spinner before the text button. false
size :atom The button size. :default
title :string The title used by the browser to display a tooltip on hover.
href :string Make the button a mere link
target :string The target of the link, usually _blank
disabled_tooltip :string The tooltip to display when the button is disabled.
icon :string FontAwesome icon class
class :string Extend button class
disabled_class :string Extend button disabled class
text_class :string Extends inner span class
confirm :string When used, ask the user with this confirmation
form :string The form id associated to the button
rest :global
inner_block :slot Optional button content