跳转到内容

ButtonUnstyled API

想要学习更多组件属性和 CSS API,可以查阅 React ButtonUnstyled 组件的 API 文档。

导入

import ButtonUnstyled from '@mui/base/ButtonUnstyled';
// 或
import { ButtonUnstyled } from '@mui/base';
You can learn about the difference by reading this guide on minimizing bundle size.

The foundation for building custom-styled buttons.

属性

原生(Native) 组件的属性也是可用的。

名称类型默认值描述
actionfunc
| { current?: { focusVisible: func } }
A ref for imperative actions. It currently only supports focusVisible() action.
componentelementType
The component used for the Root slot. Either a string to use a HTML element or a component. This is equivalent to components.Root. If both are provided, the component is used.
components{ Root?: elementType }{}
The components used for each slot inside the Button. Either a string to use a HTML element or a component.
componentsProps{ root?: func
| object }
{}
The props used for each slot inside the Button.
disabledboolfalse
If true, the component is disabled.
focusableWhenDisabledboolfalse

ref 则会被传递到根元素中。

演示项目