Moon liveview storybook Moon Liveview Storybook

Chip

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

Size of the Chip
"md"
variant :string

Visual/Logical variant of the Chip
"default"
is_active :boolean

Active State
false
is_stroke :boolean

Shows stroke on hover/active
false
disabled :boolean

Disabled Chip
false
border_radius :integer

Border radius of the Chip in px
as :string

Rendered HTML element
"button"
class :string

Additional classes for the chip.
""
rest :global

Additional attributes for the chip.
icon_only :slot

Icon only slot. An <.icon /> component can be placed here.
icon_left :slot

Icon left slot. An <.icon /> component can be placed here.
icon_right :slot

Icon right slot. An <.icon /> component can be placed here.
inner_block :slot

Inner content

 
Is Active Chip