mozilla-central/toolkit/content/widgets/moz-button
Name Description Size
moz-button.css HTML button gets `font: -moz-button` from UA styles, but we want it to match the root font styling. 6388
moz-button.figma.ts 2111
moz-button.mjs A button with multiple types and two sizes. @tagname moz-button @property {string} label - The button's label, will be overridden by slotted content. @property {string} type - The button type. Options: default, primary, destructive, icon, icon ghost, ghost. @property {string} size - The button size. Options: default, small. @property {boolean} disabled - The disabled state. @property {string} title - The button's title attribute, used in shadow DOM and therefore not as an attribute on moz-button. @property {string} titleAttribute - Internal, map title attribute to the title JS property. @property {string} tooltipText - Set the title property, the title attribute will be used first. @property {string} ariaLabel - The button's arial-label attribute, used in shadow DOM and therefore not as an attribute on moz-button. @property {string} iconSrc - Path to the icon that should be displayed in the button. @property {string} ariaLabelAttribute - Internal, map aria-label attribute to the ariaLabel JS property. @property {string} hasVisibleLabel - Internal, tracks whether or not the button has a visible label. @property {boolean} attention - Show a dot notification on the button if true. @property {string} iconPosition - The icon's position relative to the button label. Options: start, end. @property {HTMLButtonElement} buttonEl - The internal button element in the shadow DOM. @property {HTMLButtonElement} slotEl - The internal slot element in the shadow DOM. @cssproperty [--button-outer-padding-inline] - Used to set the outer inline padding of toolbar style buttons @csspropert [--button-outer-padding-block] - Used to set the outer block padding of toolbar style buttons. @cssproperty [--button-outer-padding-inline-start] - Used to set the outer inline-start padding of toolbar style buttons @cssproperty [--button-outer-padding-inline-end] - Used to set the outer inline-end padding of toolbar style buttons @cssproperty [--button-outer-padding-block-start] - Used to set the outer block-start padding of toolbar style buttons @cssproperty [--button-outer-padding-block-end] - Used to set the outer block-end padding of toolbar style buttons @slot default - The button's content, overrides label property. @fires click - The click event. 5475
moz-button.stories.mjs 3695
README.stories.md 9494