Skip to main content

JeButton | <je-button>

Properties

PropertyAttributeDescriptionTypeDefault
colorcolorPredefined colors"danger" | "primary" | "secondary" | "success" | "warning"undefined
disableddisabledDisables buttonbooleanfalse
expandexpandExpands the button to the full width of it's containerbooleanfalse
fillfillButton fill"clear" | "outline" | "solid"'solid'
formformCan set form id to participate in forms. Use this if you need to place submit/reset button outside the form elementstringundefined
pendingpendingShows a loading spinner and disables the buttonbooleanfalse
sizesizeButton size"lg" | "md" | "sm"'md'
typetypeCan set to submit or reset to participate in forms"reset" | "submit"undefined

Shadow Parts

PartDescription
"inner-button"

CSS Custom Properties

NameDescription
--active-backgroundPressed background color
--backgroundDefault background color
--colorText color
--font-sizeFont size
--heightFixed height
--hover-backgroundHovered background color
--padding-inlineInner inline padding

Dependencies

Used by

Depends on

Graph


Built with StencilJS