Phenix Storybook

Button

Button component.

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