Button

ID: mantra_starter:button

Buttons allow the user to take actions or make choices.

Name Label Type Description
label Label Slot
size Size Enum It is possible to set the size of buttons.
Allowed values: small, medium, large
display Display Enum Block buttons fill the width of their container.
Allowed values: inline-block, block
url URL Url The button URL. Optional.
icon Icon Unknown ⚠️ {"properties":{"pack_id":{"type":"string"},"icon_id":{"type":"string"},"settings":{"type":"object"}},"type":"object"}
icon_position Icon position Enum Default: "right"
Allowed values: left, right

Icon left

Long label

A label long enough to wrap, to check padding and line height.

Continue to the next step and review your order before paying

Block

Fills the width of its container.

Block button

Icon

Next

Disabled

Default

Label

Button element

Without a URL the component renders a <button> rather than a link.

Large

Large button

Small

Small button