Moon liveview storybook Moon Liveview Storybook

Icon Button

Website
Moon Design System Website
HEX
View package HEX
GitHub
View repository GitHub
Attribute Type Documentation Default Value
id :string

An id for the button element
class :string

Tailwind class for the button
disabled :boolean

Disables the button, default is false
false
size :string

The button size style. xs | sm | md | lg | xl. default: md
"md"
variant :string

The button variant style. fill | soft | outline | ghost. Default: fill
"fill"
rest :global

Additional global attributes for the button. form | name | value
link_type :string

Type of the link if the button is a link
"button"
to :string

Link path
Required inner_block * :slot

The content of the button. Any svg icon or icon components can be used here

 
<.icon name='star'/>