ButtonOwnProps

The content of the component.

Override or extend the styles applied to the component.

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

If true, the component is disabled.

If true, no elevation is used.

If true, the keyboard focus ripple is disabled.

Element placed after the children.

If true, the button will take up the full width of its container.

The URL to link to when the button is clicked. If defined, an a element will be used as the root node.

If true, the loading indicator is visible and the button is disabled. If true | false, the loading wrapper is always rendered before the children to prevent Google Translation Crash.

Element placed before the children if the button is in loading state. The node should contain an element with role="progressbar" with an accessible name. By default, it renders a CircularProgress that is labeled by the button itself.

The loading indicator can be positioned on the start, end, or the center of the button.

The size of the component. small is equivalent to the dense button styling.

Element placed before the children.

The system prop that allows defining system overrides as well as additional CSS styles.

The variant to use.