Button

Buttons let users take actions and make choices with a single tap.

Button API

import { Button } from '@mui/base/Button';
// or
import { Button } from '@mui/base';

Props of the native component are also available.

Name	Type	Default	Description
action	func \| { current?: { focusVisible: func } }	-	A ref for imperative actions. It currently only supports `focusVisible()` action.
disabled	bool	false	If `true`, the component is disabled.
focusableWhenDisabled	bool	false	If `true`, allows a disabled button to receive focus.
rootElementName	string	'button'	The HTML element that is ultimately rendered, for example 'button' or 'a'
slotProps	{ root?: func \| object }	{}	The props used for each slot inside the Button.
slots	{ root?: elementType }	{}	The components used for each slot inside the Button. Either a string to use a HTML element or a component. See Slots API below for more details.

The ref is forwarded to the root element.