kotlin-mui-material/mui.material/ButtonProps

ButtonProps

external interface ButtonProps : ButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> , PropsWithComponent(source)

Properties

Link copied to clipboard
abstract external var about: String?
Link copied to clipboard
abstract external var accessKey: String?
Link copied to clipboard
abstract external var ariaActiveDescendant: ElementId?
Link copied to clipboard
abstract external var ariaAtomic: Boolean?
Link copied to clipboard
abstract external var ariaAutoComplete: AriaAutoComplete?
Link copied to clipboard
abstract external var ariaBrailleLabel: String?
Link copied to clipboard
abstract external var ariaBrailleRoleDescription: String?
Link copied to clipboard
abstract external var ariaBusy: Boolean?
Link copied to clipboard
abstract external var ariaChecked: AriaChecked?
Link copied to clipboard
abstract external var ariaColCount: Int?
Link copied to clipboard
abstract external var ariaColIndex: Int?
Link copied to clipboard
abstract external var ariaColIndexText: String?
Link copied to clipboard
abstract external var ariaColSpan: Int?
Link copied to clipboard
abstract external var ariaControls: ElementId?
Link copied to clipboard
abstract external var ariaCurrent: AriaCurrent?
Link copied to clipboard
abstract external var ariaDescribedBy: ElementId?
Link copied to clipboard
abstract external var ariaDescription: String?
Link copied to clipboard
abstract external var ariaDetails: ElementId?
Link copied to clipboard
abstract external var ariaDisabled: Boolean?
Link copied to clipboard
abstract external var ariaDropEffect: AriaDropEffect?
Link copied to clipboard
abstract external var ariaErrorMessage: ElementId?
Link copied to clipboard
abstract external var ariaExpanded: Boolean?
Link copied to clipboard
abstract external var ariaFlowTo: ElementId?
Link copied to clipboard
abstract external var ariaGrabbed: Boolean?
Link copied to clipboard
abstract external var ariaHasPopup: AriaHasPopup?
Link copied to clipboard
abstract external var ariaHidden: Boolean?
Link copied to clipboard
abstract external var ariaInvalid: AriaInvalid?
Link copied to clipboard
abstract external var ariaKeyShortcuts: String?
Link copied to clipboard
abstract external var ariaLabel: String?
Link copied to clipboard
abstract external var ariaLabelledBy: ElementId?
Link copied to clipboard
abstract external var ariaLevel: Int?
Link copied to clipboard
abstract external var ariaLive: AriaLive?
Link copied to clipboard
abstract external var ariaModal: Boolean?
Link copied to clipboard
abstract external var ariaMultiline: Boolean?
Link copied to clipboard
abstract external var ariaMultiSelectable: Boolean?
Link copied to clipboard
abstract external var ariaOrientation: AriaOrientation?
Link copied to clipboard
abstract external var ariaOwns: String?
Link copied to clipboard
abstract external var ariaPlaceholder: String?
Link copied to clipboard
abstract external var ariaPosInSet: Int?
Link copied to clipboard
abstract external var ariaPressed: AriaPressed?
Link copied to clipboard
abstract external var ariaReadOnly: Boolean?
Link copied to clipboard
abstract external var ariaRelevant: AriaRelevant?
Link copied to clipboard
abstract external var ariaRequired: Boolean?
Link copied to clipboard
abstract external var ariaRoleDescription: String?
Link copied to clipboard
abstract external var ariaRowCount: Int?
Link copied to clipboard
abstract external var ariaRowIndex: Int?
Link copied to clipboard
abstract external var ariaRowIndexText: String?
Link copied to clipboard
abstract external var ariaRowSpan: Int?
Link copied to clipboard
abstract external var ariaSelected: Boolean?
Link copied to clipboard
abstract external var ariaSetSize: Int?
Link copied to clipboard
abstract external var ariaSort: AriaSort?
Link copied to clipboard
abstract external var ariaValueMax: Double?
Link copied to clipboard
abstract external var ariaValueMin: Double?
Link copied to clipboard
abstract external var ariaValueNow: Double?
Link copied to clipboard
abstract external var ariaValueText: String?
Link copied to clipboard
abstract external var autoCapitalize: AutoCapitalize?
Link copied to clipboard
abstract external var autoCorrect: String?
Link copied to clipboard
abstract external var autoFocus: Boolean?
Link copied to clipboard
abstract external var autoSave: String?
Link copied to clipboard
abstract external override var children: ReactNode?

The content of the component.

Link copied to clipboard
abstract external var classes: ButtonClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract external var className: ClassName?
Link copied to clipboard
abstract external var color: ButtonColor?

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

Link copied to clipboard
abstract external var component: ElementType<*>?
Link copied to clipboard
abstract external var content: String?
Link copied to clipboard
abstract external var contentEditable: Any?
Link copied to clipboard
abstract external var contextMenu: String?
Link copied to clipboard
Link copied to clipboard
abstract external var dataTestId: DataTestId?
Link copied to clipboard
abstract external var datatype: String?
Link copied to clipboard
abstract external var defaultChecked: Boolean?
Link copied to clipboard
abstract external var defaultValue: Any?
Link copied to clipboard
abstract external var dir: String?
Link copied to clipboard
abstract external var disabled: Boolean?

If true, the component is disabled.

Link copied to clipboard
abstract external var disableElevation: Boolean?

If true, no elevation is used.

Link copied to clipboard
abstract external var disableFocusRipple: Boolean?

If true, the keyboard focus ripple is disabled.

Link copied to clipboard
abstract external var draggable: Boolean?
Link copied to clipboard
abstract external var endIcon: ReactNode?

Element placed after the children.

Link copied to clipboard
abstract external var enterKeyHint: EnterKeyHint?
Link copied to clipboard
abstract external var exportparts: String?
Link copied to clipboard
abstract external var form: String?
Link copied to clipboard
abstract external var formAction: FormAction?
Link copied to clipboard
abstract external var formEncType: FormEncType?
Link copied to clipboard
abstract external var formMethod: FormMethod?
Link copied to clipboard
abstract external var formNoValidate: Boolean?
Link copied to clipboard
abstract external var formTarget: WindowName?
Link copied to clipboard
abstract external var fullWidth: Boolean?

If true, the button will take up the full width of its container.

Link copied to clipboard
abstract external var hidden: Hidden?
Link copied to clipboard
abstract external var href: String?

The URL to link to when the button is clicked. If defined, an a element will be used as the root node.

Link copied to clipboard
abstract external var id: ElementId?
Link copied to clipboard
abstract external var inert: Boolean?
Link copied to clipboard
abstract external var inlist: Any?
Link copied to clipboard
abstract external var inputMode: InputMode?
Link copied to clipboard
abstract external var is: String?
Link copied to clipboard
abstract external var itemID: String?
Link copied to clipboard
abstract external var itemProp: String?
Link copied to clipboard
abstract external var itemRef: String?
Link copied to clipboard
abstract external var itemScope: Boolean?
Link copied to clipboard
abstract external var itemType: String?
Link copied to clipboard
abstract external var key: Key?
Link copied to clipboard
abstract external var lang: String?
Link copied to clipboard
abstract external var loading: Boolean?

If true, the loading indicator is visible and the button is disabled. If true | false, the loading wrapper is always rendered before the children to prevent Google Translation Crash.

Link copied to clipboard
abstract external var loadingIndicator: ReactNode?

Element placed before the children if the button is in loading state. The node should contain an element with role="progressbar" with an accessible name. By default, it renders a CircularProgress that is labeled by the button itself.

Link copied to clipboard
abstract external var loadingPosition: LoadingPosition?

The loading indicator can be positioned on the start, end, or the center of the button.

Link copied to clipboard
abstract external var name: String?
Link copied to clipboard
abstract external var nonce: String?
Link copied to clipboard
abstract external var onAbort: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onBlur: FocusEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onCanPlay: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onClick: MouseEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onCut: ClipboardEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDrag: DragEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onDragEnd: DragEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDragExit: DragEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDragOver: DragEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDrop: DragEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onEmptied: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onEnded: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onError: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onFocus: FocusEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onInput: InputEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onInvalid: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onLoad: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onMouseUp: MouseEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onPause: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onPlay: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onPlaying: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onReset: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onScroll: UIEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onScrollEnd: UIEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSeeked: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSeeking: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSelect: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onStalled: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSubmit: SubmitEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSuspend: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onToggle: ToggleEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onWaiting: ReactEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onWheel: WheelEventHandler<HTMLButtonElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var part: String?
Link copied to clipboard
abstract external var popover: Popover?
Link copied to clipboard
abstract external var popoverTarget: ElementId?
Link copied to clipboard
abstract external var popoverTargetAction: PopoverTargetAction?
Link copied to clipboard
abstract external var prefix: String?
Link copied to clipboard
abstract external var property: String?
Link copied to clipboard
abstract external var radioGroup: String?
Link copied to clipboard
abstract external var ref: Ref<HTMLButtonElement>?
Link copied to clipboard
abstract external var rel: String?
Link copied to clipboard
abstract external var resource: String?
Link copied to clipboard
abstract external var results: String?
Link copied to clipboard
abstract external var rev: String?
Link copied to clipboard
abstract external var role: AriaRole?
Link copied to clipboard
abstract external var security: String?
Link copied to clipboard
abstract external var size: Size?

The size of the component. small is equivalent to the dense button styling.

Link copied to clipboard
abstract external var slot: String?
Link copied to clipboard
abstract external var spellCheck: Boolean?
Link copied to clipboard
abstract external var startIcon: ReactNode?

Element placed before the children.

Link copied to clipboard
abstract external override var style: CSSProperties?
Link copied to clipboard
abstract external var suppressContentEditableWarning: Boolean?
Link copied to clipboard
abstract external var suppressHydrationWarning: Boolean?
Link copied to clipboard
abstract external override var sx: SxProps<Theme>?

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

Link copied to clipboard
abstract external var tabIndex: Int?
Link copied to clipboard
abstract external var title: String?
Link copied to clipboard
abstract external var translate: Translate?
Link copied to clipboard
abstract external var type: ButtonType?
Link copied to clipboard
abstract external var typeof: String?
Link copied to clipboard
abstract external var unselectable: Unselectable?
Link copied to clipboard
abstract external var value: Any?
Link copied to clipboard
abstract external var variant: ButtonVariant?

The variant to use.

Link copied to clipboard
abstract external var vocab: String?

Functions

Link copied to clipboard
open inline external fun <P : Props> child(type: ElementType<P>, props: P)
Link copied to clipboard
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)
Link copied to clipboard
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()
Generated by Dokka
© 2026 Copyright