kotlin-mui-material/mui.material/ButtonBaseOwnProps

ButtonBaseOwnProps

external interface ButtonBaseOwnProps : PropsWithChildren, PropsWithSx(source)

Inheritors

ButtonBaseProps

Properties

abstract var action: Ref<ButtonBaseActions>?

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

abstract var centerRipple: Boolean?

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

abstract override var children: ReactNode?

The content of the component.

abstract var classes: ButtonBaseClasses?

Override or extend the styles applied to the component.

abstract var disabled: Boolean?

If true, the component is disabled.

abstract var disableRipple: Boolean?

If true, the ripple effect is disabled.

disableTouchRipple

abstract var disableTouchRipple: Boolean?

If true, the touch ripple effect is disabled.

abstract var focusRipple: Boolean?

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

focusVisibleClassName

abstract 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 var key: Key?

abstract var LinkComponent: ElementType<*>?

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

abstract var onFocusVisible: FocusEventHandler<*>?

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

abstract override var sx: SxProps<Theme>?

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

abstract var tabIndex: Int?

TouchRippleProps

abstract var TouchRippleProps: dynamic

Props applied to the TouchRipple element.

abstract var touchRippleRef: Ref<TouchRippleActions>?

A ref that points to the TouchRipple element.

Functions

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

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

open inline operator fun <T> ContextType<T>.invoke(noinline block: ProviderProps<T>.() -> Unit)

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

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

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

open inline operator fun Char.unaryPlus()

open inline operator fun String?.unaryPlus()

open inline operator fun ReactNode?.unaryPlus()

open inline operator fun Props?.unaryPlus()