<cla-button>

The Button component.

Usage

Properties

PropertyRequiredDescriptionTypeDefault
blockfalseWhether to use the block style variant of the button. This makes the button full width within its container.booleannull
colorfalseThe button color."danger" | "dark" | "info" | "light" | "link" | "primary" | "secondary" | "success" | "warning"null
disabledfalseWhether the button is disabled.booleanfalse
namefalseThe button name.stringnull
outlinefalseWhether to use the outline style variant of the button. This removes the background from the button when it's not hovered.booleanfalse
sizefalseThe button size."default" | "large" | "small" | "xsmall"'default'
typefalseThe button type."button" | "reset" | "submit"'button'
valuefalseThe button value.anynull

Slots

SlotDescription
anyContent placed inside the button.