按钮

按钮让用户通过单击进行操作和选择。

useButton API

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

名称	类型	默认值	描述
disabled	boolean	false	如果 `true`，组件将被禁用。
focusableWhenDisabled	boolean	false	如果 `true`，允许禁用的按钮接收焦点。
href	string	-
onFocusVisible	React.FocusEventHandler	-
rootElementName	keyof HTMLElementTagNameMap	''	HTML 元素，例如 'button'、'a' 等
rootRef	React.Ref<Element>	-
tabIndex	NonNullable<React.HTMLAttributes<any>['tabIndex']>	-
to	string	-
type	React.ButtonHTMLAttributes<HTMLButtonElement>['type']	'button'	当 `component` 为 `button` 时应用的 Type 属性。

名称	类型	描述
active	boolean	如果 `true`，组件处于激活状态（按下）。
focusVisible	boolean	如果 `true`，组件正在使用键盘聚焦。
getRootProps	<ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseButtonRootSlotProps<ExternalProps>	根 slot props 的解析器。
rootRef	React.RefCallback<Element> \| null	组件根 DOM 元素的 ref。
setFocusVisible	React.Dispatch<React.SetStateAction<boolean>>	用于设置 `focusVisible` 参数的回调。