ButtonBase contains as few styles as possible.
It aims to be a simple building block for creating a button.
It contains a load of style reset and some focus/ripple logic.
true, the ripple starts at the center of the component
rather than at the point of interaction.
This object contains all possible actions that can be triggered programmatically.
Use that property to pass a ref callback to the native button component.
The content of the component.
The component used for the root node. Either a string to use a DOM element or a component.
This property can help a person know which element has the keyboard focus.
The class name will be applied when the element gain the focus through a keyboard interaction.
It’s a polyfill for the CSS :focus-visible selector.
The rationale for using this feature is explained here.
A polyfill can be used to apply a
Callback fired when the component is focused with a keyboard.
We trigger a
Properties applied to the
Used to control the button’s purpose.
This property passes the value to the
Diameter of the ripple.
Horizontal position of the ripple center.
Vertical position of the ripple center.