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

content

abstract var content: String?

contentEditable

abstract var contentEditable: Any?

contextMenu

abstract var contextMenu: String?

dangerouslySetInnerHTML

abstract var dangerouslySetInnerHTML: DangerouslySetInnerHTML?

datatype

abstract var datatype: String?

defaultChecked

abstract var defaultChecked: Boolean?

defaultValue

abstract var defaultValue: Any?

dir

abstract var dir: String?

disabled

abstract var disabled: Boolean?

If true, the component is disabled. This implies that all ToggleButton children will be disabled.

draggable

abstract var draggable: Boolean?

exclusive

abstract var exclusive: Boolean?

If true, only allow one of the child ToggleButton values to be selected.

fullWidth

abstract var fullWidth: Boolean?

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

hidden

abstract var hidden: Boolean?

abstract var id: String?

inlist

abstract var inlist: Any?

inputMode

abstract var inputMode: InputMode?

abstract var is: String?

itemID

abstract var itemID: String?

itemProp

abstract var itemProp: String?

itemRef

abstract var itemRef: String?

itemScope

abstract var itemScope: Boolean?

itemType

abstract var itemType: String?

key

abstract var key: Key?

lang

abstract var lang: String?

nonce

abstract var nonce: String?

onAbort

abstract var onAbort: ReactEventHandler<HTMLDivElement>?

onAbortCapture

abstract var onAbortCapture: ReactEventHandler<HTMLDivElement>?

onAnimationEnd

abstract var onAnimationEnd: AnimationEventHandler<HTMLDivElement>?

onAnimationEndCapture

abstract var onAnimationEndCapture: AnimationEventHandler<HTMLDivElement>?

onAnimationIteration

abstract var onAnimationIteration: AnimationEventHandler<HTMLDivElement>?

onAnimationIterationCapture

abstract var onAnimationIterationCapture: AnimationEventHandler<HTMLDivElement>?

onAnimationStart

abstract var onAnimationStart: AnimationEventHandler<HTMLDivElement>?

onAnimationStartCapture

abstract var onAnimationStartCapture: AnimationEventHandler<HTMLDivElement>?

onAuxClick

abstract var onAuxClick: MouseEventHandler<HTMLDivElement>?

onAuxClickCapture

abstract var onAuxClickCapture: MouseEventHandler<HTMLDivElement>?

onBeforeInput

abstract var onBeforeInput: FormEventHandler<HTMLDivElement>?

onBeforeInputCapture

abstract var onBeforeInputCapture: FormEventHandler<HTMLDivElement>?

onBlur

abstract var onBlur: FocusEventHandler<HTMLDivElement>?

onBlurCapture

abstract var onBlurCapture: FocusEventHandler<HTMLDivElement>?

onCanPlay

abstract var onCanPlay: ReactEventHandler<HTMLDivElement>?

onCanPlayCapture

abstract var onCanPlayCapture: ReactEventHandler<HTMLDivElement>?

onCanPlayThrough

abstract var onCanPlayThrough: ReactEventHandler<HTMLDivElement>?

onCanPlayThroughCapture

abstract var onCanPlayThroughCapture: ReactEventHandler<HTMLDivElement>?

onChange

abstract var onChange: (event: MouseEvent<HTMLElement, *>, value: Any) -> Unit?

Callback fired when the value changes.

onChangeCapture

abstract var onChangeCapture: FormEventHandler<HTMLDivElement>?

onClick

abstract var onClick: MouseEventHandler<HTMLDivElement>?

onClickCapture

abstract var onClickCapture: MouseEventHandler<HTMLDivElement>?

onCompositionEnd

abstract var onCompositionEnd: CompositionEventHandler<HTMLDivElement>?

onCompositionEndCapture

abstract var onCompositionEndCapture: CompositionEventHandler<HTMLDivElement>?

onCompositionStart

abstract var onCompositionStart: CompositionEventHandler<HTMLDivElement>?

onCompositionStartCapture

abstract var onCompositionStartCapture: CompositionEventHandler<HTMLDivElement>?

onCompositionUpdate

abstract var onCompositionUpdate: CompositionEventHandler<HTMLDivElement>?

onCompositionUpdateCapture

abstract var onCompositionUpdateCapture: CompositionEventHandler<HTMLDivElement>?

onContextMenu

abstract var onContextMenu: MouseEventHandler<HTMLDivElement>?

onContextMenuCapture

abstract var onContextMenuCapture: MouseEventHandler<HTMLDivElement>?

onCopy

abstract var onCopy: ClipboardEventHandler<HTMLDivElement>?

onCopyCapture

abstract var onCopyCapture: ClipboardEventHandler<HTMLDivElement>?

onCut

abstract var onCut: ClipboardEventHandler<HTMLDivElement>?

onCutCapture

abstract var onCutCapture: ClipboardEventHandler<HTMLDivElement>?

onDoubleClick

abstract var onDoubleClick: MouseEventHandler<HTMLDivElement>?

onDoubleClickCapture

abstract var onDoubleClickCapture: MouseEventHandler<HTMLDivElement>?

onDrag

abstract var onDrag: DragEventHandler<HTMLDivElement>?

onDragCapture

abstract var onDragCapture: DragEventHandler<HTMLDivElement>?

onDragEnd

abstract var onDragEnd: DragEventHandler<HTMLDivElement>?

onDragEndCapture

abstract var onDragEndCapture: DragEventHandler<HTMLDivElement>?

onDragEnter

abstract var onDragEnter: DragEventHandler<HTMLDivElement>?

onDragEnterCapture

abstract var onDragEnterCapture: DragEventHandler<HTMLDivElement>?

onDragExit

abstract var onDragExit: DragEventHandler<HTMLDivElement>?

onDragExitCapture

abstract var onDragExitCapture: DragEventHandler<HTMLDivElement>?

onDragLeave

abstract var onDragLeave: DragEventHandler<HTMLDivElement>?

onDragLeaveCapture

abstract var onDragLeaveCapture: DragEventHandler<HTMLDivElement>?

onDragOver

abstract var onDragOver: DragEventHandler<HTMLDivElement>?

onDragOverCapture

abstract var onDragOverCapture: DragEventHandler<HTMLDivElement>?

onDragStart

abstract var onDragStart: DragEventHandler<HTMLDivElement>?

onDragStartCapture

abstract var onDragStartCapture: DragEventHandler<HTMLDivElement>?

onDrop

abstract var onDrop: DragEventHandler<HTMLDivElement>?

onDropCapture

abstract var onDropCapture: DragEventHandler<HTMLDivElement>?

onDurationChange

abstract var onDurationChange: ReactEventHandler<HTMLDivElement>?

onDurationChangeCapture

abstract var onDurationChangeCapture: ReactEventHandler<HTMLDivElement>?

onEmptied

abstract var onEmptied: ReactEventHandler<HTMLDivElement>?

onEmptiedCapture

abstract var onEmptiedCapture: ReactEventHandler<HTMLDivElement>?

onEncrypted

abstract var onEncrypted: ReactEventHandler<HTMLDivElement>?

onEncryptedCapture

abstract var onEncryptedCapture: ReactEventHandler<HTMLDivElement>?

onEnded

abstract var onEnded: ReactEventHandler<HTMLDivElement>?

onEndedCapture

abstract var onEndedCapture: ReactEventHandler<HTMLDivElement>?

onError

abstract var onError: ReactEventHandler<HTMLDivElement>?

onErrorCapture

abstract var onErrorCapture: ReactEventHandler<HTMLDivElement>?

onFocus

abstract var onFocus: FocusEventHandler<HTMLDivElement>?

onFocusCapture

abstract var onFocusCapture: FocusEventHandler<HTMLDivElement>?

onGotPointerCapture

abstract var onGotPointerCapture: PointerEventHandler<HTMLDivElement>?

onGotPointerCaptureCapture

abstract var onGotPointerCaptureCapture: PointerEventHandler<HTMLDivElement>?

onInput

abstract var onInput: FormEventHandler<HTMLDivElement>?

onInputCapture

abstract var onInputCapture: FormEventHandler<HTMLDivElement>?

onInvalid

abstract var onInvalid: FormEventHandler<HTMLDivElement>?

onInvalidCapture

abstract var onInvalidCapture: FormEventHandler<HTMLDivElement>?

onKeyDown

abstract var onKeyDown: KeyboardEventHandler<HTMLDivElement>?

onKeyDownCapture

abstract var onKeyDownCapture: KeyboardEventHandler<HTMLDivElement>?

onKeyUp

abstract var onKeyUp: KeyboardEventHandler<HTMLDivElement>?

onKeyUpCapture

abstract var onKeyUpCapture: KeyboardEventHandler<HTMLDivElement>?

onLoad

abstract var onLoad: ReactEventHandler<HTMLDivElement>?

onLoadCapture

abstract var onLoadCapture: ReactEventHandler<HTMLDivElement>?

onLoadedData

abstract var onLoadedData: ReactEventHandler<HTMLDivElement>?

onLoadedDataCapture

abstract var onLoadedDataCapture: ReactEventHandler<HTMLDivElement>?

onLoadedMetadata

abstract var onLoadedMetadata: ReactEventHandler<HTMLDivElement>?

onLoadedMetadataCapture

abstract var onLoadedMetadataCapture: ReactEventHandler<HTMLDivElement>?

onLoadStart

abstract var onLoadStart: ReactEventHandler<HTMLDivElement>?

onLoadStartCapture

abstract var onLoadStartCapture: ReactEventHandler<HTMLDivElement>?

onLostPointerCapture

abstract var onLostPointerCapture: PointerEventHandler<HTMLDivElement>?

onLostPointerCaptureCapture

abstract var onLostPointerCaptureCapture: PointerEventHandler<HTMLDivElement>?

onMouseDown

abstract var onMouseDown: MouseEventHandler<HTMLDivElement>?

onMouseDownCapture

abstract var onMouseDownCapture: MouseEventHandler<HTMLDivElement>?

onMouseEnter

abstract var onMouseEnter: MouseEventHandler<HTMLDivElement>?

onMouseLeave

abstract var onMouseLeave: MouseEventHandler<HTMLDivElement>?

onMouseMove

abstract var onMouseMove: MouseEventHandler<HTMLDivElement>?

onMouseMoveCapture

abstract var onMouseMoveCapture: MouseEventHandler<HTMLDivElement>?

onMouseOut

abstract var onMouseOut: MouseEventHandler<HTMLDivElement>?

onMouseOutCapture

abstract var onMouseOutCapture: MouseEventHandler<HTMLDivElement>?

onMouseOver

abstract var onMouseOver: MouseEventHandler<HTMLDivElement>?

onMouseOverCapture

abstract var onMouseOverCapture: MouseEventHandler<HTMLDivElement>?

onMouseUp

abstract var onMouseUp: MouseEventHandler<HTMLDivElement>?

onMouseUpCapture

abstract var onMouseUpCapture: MouseEventHandler<HTMLDivElement>?

onPaste

abstract var onPaste: ClipboardEventHandler<HTMLDivElement>?

onPasteCapture

abstract var onPasteCapture: ClipboardEventHandler<HTMLDivElement>?

onPause

abstract var onPause: ReactEventHandler<HTMLDivElement>?

onPauseCapture

abstract var onPauseCapture: ReactEventHandler<HTMLDivElement>?

onPlay

abstract var onPlay: ReactEventHandler<HTMLDivElement>?

onPlayCapture

abstract var onPlayCapture: ReactEventHandler<HTMLDivElement>?

onPlaying

abstract var onPlaying: ReactEventHandler<HTMLDivElement>?

onPlayingCapture

abstract var onPlayingCapture: ReactEventHandler<HTMLDivElement>?

onPointerCancel

abstract var onPointerCancel: PointerEventHandler<HTMLDivElement>?

onPointerCancelCapture

abstract var onPointerCancelCapture: PointerEventHandler<HTMLDivElement>?

onPointerDown

abstract var onPointerDown: PointerEventHandler<HTMLDivElement>?

onPointerDownCapture

abstract var onPointerDownCapture: PointerEventHandler<HTMLDivElement>?

onPointerEnter

abstract var onPointerEnter: PointerEventHandler<HTMLDivElement>?

onPointerLeave

abstract var onPointerLeave: PointerEventHandler<HTMLDivElement>?

onPointerMove

abstract var onPointerMove: PointerEventHandler<HTMLDivElement>?

onPointerMoveCapture

abstract var onPointerMoveCapture: PointerEventHandler<HTMLDivElement>?

onPointerOut

abstract var onPointerOut: PointerEventHandler<HTMLDivElement>?

onPointerOutCapture

abstract var onPointerOutCapture: PointerEventHandler<HTMLDivElement>?

onPointerOver

abstract var onPointerOver: PointerEventHandler<HTMLDivElement>?

onPointerOverCapture

abstract var onPointerOverCapture: PointerEventHandler<HTMLDivElement>?

onPointerUp

abstract var onPointerUp: PointerEventHandler<HTMLDivElement>?

onPointerUpCapture

abstract var onPointerUpCapture: PointerEventHandler<HTMLDivElement>?

onProgress

abstract var onProgress: ReactEventHandler<HTMLDivElement>?

onProgressCapture

abstract var onProgressCapture: ReactEventHandler<HTMLDivElement>?

onRateChange

abstract var onRateChange: ReactEventHandler<HTMLDivElement>?

onRateChangeCapture

abstract var onRateChangeCapture: ReactEventHandler<HTMLDivElement>?

onReset

abstract var onReset: FormEventHandler<HTMLDivElement>?

onResetCapture

abstract var onResetCapture: FormEventHandler<HTMLDivElement>?

onResize

abstract var onResize: ReactEventHandler<HTMLDivElement>?

onResizeCapture

abstract var onResizeCapture: ReactEventHandler<HTMLDivElement>?

onScroll

abstract var onScroll: UIEventHandler<HTMLDivElement>?

onScrollCapture

abstract var onScrollCapture: UIEventHandler<HTMLDivElement>?

onSeeked

abstract var onSeeked: ReactEventHandler<HTMLDivElement>?

onSeekedCapture

abstract var onSeekedCapture: ReactEventHandler<HTMLDivElement>?

onSeeking

abstract var onSeeking: ReactEventHandler<HTMLDivElement>?

onSeekingCapture

abstract var onSeekingCapture: ReactEventHandler<HTMLDivElement>?

onSelect

abstract var onSelect: ReactEventHandler<HTMLDivElement>?

onSelectCapture

abstract var onSelectCapture: ReactEventHandler<HTMLDivElement>?

onStalled

abstract var onStalled: ReactEventHandler<HTMLDivElement>?

onStalledCapture

abstract var onStalledCapture: ReactEventHandler<HTMLDivElement>?

onSubmit

abstract var onSubmit: FormEventHandler<HTMLDivElement>?

onSubmitCapture

abstract var onSubmitCapture: FormEventHandler<HTMLDivElement>?

onSuspend

abstract var onSuspend: ReactEventHandler<HTMLDivElement>?

onSuspendCapture

abstract var onSuspendCapture: ReactEventHandler<HTMLDivElement>?

onTimeUpdate

abstract var onTimeUpdate: ReactEventHandler<HTMLDivElement>?

onTimeUpdateCapture

abstract var onTimeUpdateCapture: ReactEventHandler<HTMLDivElement>?

onTouchCancel

abstract var onTouchCancel: TouchEventHandler<HTMLDivElement>?

onTouchCancelCapture

abstract var onTouchCancelCapture: TouchEventHandler<HTMLDivElement>?

onTouchEnd

abstract var onTouchEnd: TouchEventHandler<HTMLDivElement>?

onTouchEndCapture

abstract var onTouchEndCapture: TouchEventHandler<HTMLDivElement>?

onTouchMove

abstract var onTouchMove: TouchEventHandler<HTMLDivElement>?

onTouchMoveCapture

abstract var onTouchMoveCapture: TouchEventHandler<HTMLDivElement>?

onTouchStart

abstract var onTouchStart: TouchEventHandler<HTMLDivElement>?

onTouchStartCapture

abstract var onTouchStartCapture: TouchEventHandler<HTMLDivElement>?

onTransitionEnd

abstract var onTransitionEnd: TransitionEventHandler<HTMLDivElement>?

onTransitionEndCapture

abstract var onTransitionEndCapture: TransitionEventHandler<HTMLDivElement>?

onVolumeChange

abstract var onVolumeChange: ReactEventHandler<HTMLDivElement>?

onVolumeChangeCapture

abstract var onVolumeChangeCapture: ReactEventHandler<HTMLDivElement>?

onWaiting

abstract var onWaiting: ReactEventHandler<HTMLDivElement>?

onWaitingCapture

abstract var onWaitingCapture: ReactEventHandler<HTMLDivElement>?

onWheel

abstract var onWheel: WheelEventHandler<HTMLDivElement>?

onWheelCapture

abstract var onWheelCapture: WheelEventHandler<HTMLDivElement>?

orientation

abstract var orientation: Orientation?

The component orientation (layout flow direction).

prefix

abstract var prefix: String?

property

abstract var property: String?

radioGroup

abstract var radioGroup: String?

ref

abstract var ref: Ref<HTMLDivElement>?

rel

abstract var rel: String?

resource

abstract var resource: String?

results

abstract var results: String?

rev

abstract var rev: String?

role

abstract var role: AriaRole?

security

abstract var security: String?

size

abstract var size: Size?

The size of the component.

slot

abstract var slot: String?

spellCheck

abstract var spellCheck: Boolean?

style

abstract var style: CSSProperties?

suppressContentEditableWarning

abstract var suppressContentEditableWarning: Boolean?

suppressHydrationWarning

abstract var suppressHydrationWarning: Boolean?

abstract override var sx: SxProps<Theme>?

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

tabIndex

abstract var tabIndex: Int?

title

abstract var title: String?

translate

abstract var translate: Translate?

typeof

abstract var typeof: String?

unselectable

abstract var unselectable: Unselectable?

value

abstract var value: Any?

The currently selected value within the group or an array of selected values when exclusive is false.

vocab

abstract var vocab: String?

Functions

child

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

invoke

open inline operator fun ElementType.invoke()

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

open inline operator fun ElementType.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)

unaryPlus

open inline operator fun Char.unaryPlus()

open inline operator fun String?.unaryPlus()

open inline operator fun ReactNode?.unaryPlus()

open inline operator fun Props?.unaryPlus()