kotlin-mui-material/mui.material/ButtonBaseOwnProps

ButtonBaseOwnProps

external interface ButtonBaseOwnProps : PropsWithChildren, PropsWithSx(source)

Inheritors

ButtonBaseProps

Properties

abstract external var action: Ref<ButtonBaseActions>?

A ref for imperative actions. It currently only supports focusVisible() action.

abstract external var centerRipple: Boolean?

If true, the ripples are centered. They won't start at the cursor interaction position.

abstract external override var children: ReactNode?

The content of the component.

abstract external var classes: ButtonBaseClasses?

Override or extend the styles applied to the component.

abstract external var disabled: Boolean?

If true, the component is disabled.

abstract external var disableRipple: Boolean?

If true, the ripple effect is disabled.

disableTouchRipple

abstract external var disableTouchRipple: Boolean?

If true, the touch ripple effect is disabled.

abstract external var focusRipple: Boolean?

If true, the base button will have a keyboard focus ripple.

focusVisibleClassName

abstract external var focusVisibleClassName: ClassName?

This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through 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 focus-visible class to other components if needed.

abstract external var key: Key?

abstract external var LinkComponent: ElementType<*>?

The component used to render a link when the href prop is provided.

abstract external var nativeButton: Boolean?

Whether the custom component is expected to render a native <button> element when passing a React component to the component or slots prop.

abstract external var onFocusVisible: FocusEventHandler<*>?

Callback fired when the component is focused with a keyboard. We trigger a onFocus callback too.

abstract external override var sx: SxProps<Theme>?

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

abstract external var tabIndex: Int?

TouchRippleProps

abstract external var TouchRippleProps: Any?

Props applied to the TouchRipple element.

abstract external var touchRippleRef: Ref<TouchRippleActions>?

A ref that points to the TouchRipple element.

Functions

open inline external fun <P : Props> child(type: ElementType<P>, props: P)

open inline operator external fun <P : Props> ElementType<P>.invoke()

open inline operator external fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)

open inline operator external fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)

open inline operator external fun Char.unaryPlus()

open inline operator external fun String?.unaryPlus()

open inline operator external fun ReactNode?.unaryPlus()

open inline operator external fun Props?.unaryPlus()