kotlin-mui-material/mui.material/FabProps

FabProps

external interface FabProps : FabOwnProps, ButtonHTMLAttributes<HTMLButtonElement> , PropsWithComponent, ButtonBaseProps(source)

Properties

abstract var about: String?

abstract var accessKey: String?

abstract var action: Ref<ButtonBaseActions>?

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

abstract var autoCapitalize: String?

abstract var autoCorrect: String?

abstract var autoFocus: Boolean?

abstract var autoSave: String?

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 override var classes: FabClasses?

Override or extend the styles applied to the component.

abstract var className: ClassName?

abstract var color: FabColor?

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

abstract var component: ElementType<*>?

abstract var content: String?

contentEditable

abstract var contentEditable: Any?

abstract var contextMenu: String?

dangerouslySetInnerHTML

abstract var dangerouslySetInnerHTML: DangerouslySetInnerHTML?

abstract var datatype: String?

abstract var defaultChecked: Boolean?

abstract var defaultValue: Any?

abstract var dir: String?

abstract override var disabled: Boolean?

If true, the component is disabled.

disableFocusRipple

abstract var disableFocusRipple: Boolean?

If true, the keyboard focus ripple is disabled.

abstract override 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 draggable: Boolean?

abstract var enterKeyHint: EnterKeyHint?

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 form: String?

abstract var formAction: FormAction?

abstract var formEncType: FormEncType?

abstract var formMethod: FormMethod?

abstract var formNoValidate: Boolean?

abstract var formTarget: WindowName?

abstract var hidden: Boolean?

abstract 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.

abstract var id: String?

abstract var inlist: Any?

abstract var inputMode: InputMode?

abstract var is: String?

abstract var itemID: String?

abstract var itemProp: String?

abstract var itemRef: String?

abstract var itemScope: Boolean?

abstract var itemType: String?

abstract var key: Key?

abstract var lang: String?

abstract var LinkComponent: ElementType<*>?

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

abstract var name: String?

abstract var nonce: String?

abstract var onAbort: ReactEventHandler<HTMLButtonElement>?

abstract var onAbortCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onAnimationEnd: AnimationEventHandler<HTMLButtonElement>?

onAnimationEndCapture

abstract var onAnimationEndCapture: AnimationEventHandler<HTMLButtonElement>?

onAnimationIteration

abstract var onAnimationIteration: AnimationEventHandler<HTMLButtonElement>?

onAnimationIterationCapture

abstract var onAnimationIterationCapture: AnimationEventHandler<HTMLButtonElement>?

onAnimationStart

abstract var onAnimationStart: AnimationEventHandler<HTMLButtonElement>?

onAnimationStartCapture

abstract var onAnimationStartCapture: AnimationEventHandler<HTMLButtonElement>?

abstract var onAuxClick: MouseEventHandler<HTMLButtonElement>?

onAuxClickCapture

abstract var onAuxClickCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onBeforeInput: FormEventHandler<HTMLButtonElement>?

onBeforeInputCapture

abstract var onBeforeInputCapture: FormEventHandler<HTMLButtonElement>?

abstract var onBlur: FocusEventHandler<HTMLButtonElement>?

abstract var onBlurCapture: FocusEventHandler<HTMLButtonElement>?

abstract var onCanPlay: ReactEventHandler<HTMLButtonElement>?

onCanPlayCapture

abstract var onCanPlayCapture: ReactEventHandler<HTMLButtonElement>?

onCanPlayThrough

abstract var onCanPlayThrough: ReactEventHandler<HTMLButtonElement>?

onCanPlayThroughCapture

abstract var onCanPlayThroughCapture: ReactEventHandler<HTMLButtonElement>?

onChangeCapture

abstract var onChangeCapture: FormEventHandler<HTMLButtonElement>?

abstract var onClick: MouseEventHandler<HTMLButtonElement>?

abstract var onClickCapture: MouseEventHandler<HTMLButtonElement>?

onCompositionEnd

abstract var onCompositionEnd: CompositionEventHandler<HTMLButtonElement>?

onCompositionEndCapture

abstract var onCompositionEndCapture: CompositionEventHandler<HTMLButtonElement>?

onCompositionStart

abstract var onCompositionStart: CompositionEventHandler<HTMLButtonElement>?

onCompositionStartCapture

abstract var onCompositionStartCapture: CompositionEventHandler<HTMLButtonElement>?

onCompositionUpdate

abstract var onCompositionUpdate: CompositionEventHandler<HTMLButtonElement>?

onCompositionUpdateCapture

abstract var onCompositionUpdateCapture: CompositionEventHandler<HTMLButtonElement>?

abstract var onContextMenu: MouseEventHandler<HTMLButtonElement>?

onContextMenuCapture

abstract var onContextMenuCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onCopy: ClipboardEventHandler<HTMLButtonElement>?

abstract var onCopyCapture: ClipboardEventHandler<HTMLButtonElement>?

abstract var onCut: ClipboardEventHandler<HTMLButtonElement>?

abstract var onCutCapture: ClipboardEventHandler<HTMLButtonElement>?

abstract var onDoubleClick: MouseEventHandler<HTMLButtonElement>?

onDoubleClickCapture

abstract var onDoubleClickCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onDrag: DragEventHandler<HTMLButtonElement>?

abstract var onDragCapture: DragEventHandler<HTMLButtonElement>?

abstract var onDragEnd: DragEventHandler<HTMLButtonElement>?

onDragEndCapture

abstract var onDragEndCapture: DragEventHandler<HTMLButtonElement>?

abstract var onDragEnter: DragEventHandler<HTMLButtonElement>?

onDragEnterCapture

abstract var onDragEnterCapture: DragEventHandler<HTMLButtonElement>?

abstract var onDragExit: DragEventHandler<HTMLButtonElement>?

onDragExitCapture

abstract var onDragExitCapture: DragEventHandler<HTMLButtonElement>?

abstract var onDragLeave: DragEventHandler<HTMLButtonElement>?

onDragLeaveCapture

abstract var onDragLeaveCapture: DragEventHandler<HTMLButtonElement>?

abstract var onDragOver: DragEventHandler<HTMLButtonElement>?

onDragOverCapture

abstract var onDragOverCapture: DragEventHandler<HTMLButtonElement>?

abstract var onDragStart: DragEventHandler<HTMLButtonElement>?

onDragStartCapture

abstract var onDragStartCapture: DragEventHandler<HTMLButtonElement>?

abstract var onDrop: DragEventHandler<HTMLButtonElement>?

abstract var onDropCapture: DragEventHandler<HTMLButtonElement>?

onDurationChange

abstract var onDurationChange: ReactEventHandler<HTMLButtonElement>?

onDurationChangeCapture

abstract var onDurationChangeCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onEmptied: ReactEventHandler<HTMLButtonElement>?

onEmptiedCapture

abstract var onEmptiedCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onEncrypted: ReactEventHandler<HTMLButtonElement>?

onEncryptedCapture

abstract var onEncryptedCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onEnded: ReactEventHandler<HTMLButtonElement>?

abstract var onEndedCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onError: ReactEventHandler<HTMLButtonElement>?

abstract var onErrorCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onFocus: FocusEventHandler<HTMLButtonElement>?

abstract var onFocusCapture: FocusEventHandler<HTMLButtonElement>?

abstract var onFocusVisible: FocusEventHandler<*>?

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

onGotPointerCapture

abstract var onGotPointerCapture: PointerEventHandler<HTMLButtonElement>?

onGotPointerCaptureCapture

abstract var onGotPointerCaptureCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onInput: FormEventHandler<HTMLButtonElement>?

abstract var onInputCapture: FormEventHandler<HTMLButtonElement>?

abstract var onInvalid: FormEventHandler<HTMLButtonElement>?

onInvalidCapture

abstract var onInvalidCapture: FormEventHandler<HTMLButtonElement>?

abstract var onKeyDown: KeyboardEventHandler<HTMLButtonElement>?

onKeyDownCapture

abstract var onKeyDownCapture: KeyboardEventHandler<HTMLButtonElement>?

abstract var onKeyUp: KeyboardEventHandler<HTMLButtonElement>?

abstract var onKeyUpCapture: KeyboardEventHandler<HTMLButtonElement>?

abstract var onLoad: ReactEventHandler<HTMLButtonElement>?

abstract var onLoadCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onLoadedData: ReactEventHandler<HTMLButtonElement>?

onLoadedDataCapture

abstract var onLoadedDataCapture: ReactEventHandler<HTMLButtonElement>?

onLoadedMetadata

abstract var onLoadedMetadata: ReactEventHandler<HTMLButtonElement>?

onLoadedMetadataCapture

abstract var onLoadedMetadataCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onLoadStart: ReactEventHandler<HTMLButtonElement>?

onLoadStartCapture

abstract var onLoadStartCapture: ReactEventHandler<HTMLButtonElement>?

onLostPointerCapture

abstract var onLostPointerCapture: PointerEventHandler<HTMLButtonElement>?

onLostPointerCaptureCapture

abstract var onLostPointerCaptureCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onMouseDown: MouseEventHandler<HTMLButtonElement>?

onMouseDownCapture

abstract var onMouseDownCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onMouseEnter: MouseEventHandler<HTMLButtonElement>?

abstract var onMouseLeave: MouseEventHandler<HTMLButtonElement>?

abstract var onMouseMove: MouseEventHandler<HTMLButtonElement>?

onMouseMoveCapture

abstract var onMouseMoveCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onMouseOut: MouseEventHandler<HTMLButtonElement>?

onMouseOutCapture

abstract var onMouseOutCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onMouseOver: MouseEventHandler<HTMLButtonElement>?

onMouseOverCapture

abstract var onMouseOverCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onMouseUp: MouseEventHandler<HTMLButtonElement>?

onMouseUpCapture

abstract var onMouseUpCapture: MouseEventHandler<HTMLButtonElement>?

abstract var onPaste: ClipboardEventHandler<HTMLButtonElement>?

abstract var onPasteCapture: ClipboardEventHandler<HTMLButtonElement>?

abstract var onPause: ReactEventHandler<HTMLButtonElement>?

abstract var onPauseCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onPlay: ReactEventHandler<HTMLButtonElement>?

abstract var onPlayCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onPlaying: ReactEventHandler<HTMLButtonElement>?

onPlayingCapture

abstract var onPlayingCapture: ReactEventHandler<HTMLButtonElement>?

onPointerCancel

abstract var onPointerCancel: PointerEventHandler<HTMLButtonElement>?

onPointerCancelCapture

abstract var onPointerCancelCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onPointerDown: PointerEventHandler<HTMLButtonElement>?

onPointerDownCapture

abstract var onPointerDownCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onPointerEnter: PointerEventHandler<HTMLButtonElement>?

abstract var onPointerLeave: PointerEventHandler<HTMLButtonElement>?

abstract var onPointerMove: PointerEventHandler<HTMLButtonElement>?

onPointerMoveCapture

abstract var onPointerMoveCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onPointerOut: PointerEventHandler<HTMLButtonElement>?

onPointerOutCapture

abstract var onPointerOutCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onPointerOver: PointerEventHandler<HTMLButtonElement>?

onPointerOverCapture

abstract var onPointerOverCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onPointerUp: PointerEventHandler<HTMLButtonElement>?

onPointerUpCapture

abstract var onPointerUpCapture: PointerEventHandler<HTMLButtonElement>?

abstract var onProgress: ReactEventHandler<HTMLButtonElement>?

onProgressCapture

abstract var onProgressCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onRateChange: ReactEventHandler<HTMLButtonElement>?

onRateChangeCapture

abstract var onRateChangeCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onReset: FormEventHandler<HTMLButtonElement>?

abstract var onResetCapture: FormEventHandler<HTMLButtonElement>?

abstract var onResize: ReactEventHandler<HTMLButtonElement>?

onResizeCapture

abstract var onResizeCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onScroll: UIEventHandler<HTMLButtonElement>?

onScrollCapture

abstract var onScrollCapture: UIEventHandler<HTMLButtonElement>?

abstract var onSeeked: ReactEventHandler<HTMLButtonElement>?

onSeekedCapture

abstract var onSeekedCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onSeeking: ReactEventHandler<HTMLButtonElement>?

onSeekingCapture

abstract var onSeekingCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onSelect: ReactEventHandler<HTMLButtonElement>?

onSelectCapture

abstract var onSelectCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onStalled: ReactEventHandler<HTMLButtonElement>?

onStalledCapture

abstract var onStalledCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onSubmit: FormEventHandler<HTMLButtonElement>?

onSubmitCapture

abstract var onSubmitCapture: FormEventHandler<HTMLButtonElement>?

abstract var onSuspend: ReactEventHandler<HTMLButtonElement>?

onSuspendCapture

abstract var onSuspendCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onTimeUpdate: ReactEventHandler<HTMLButtonElement>?

onTimeUpdateCapture

abstract var onTimeUpdateCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onTouchCancel: TouchEventHandler<HTMLButtonElement>?

onTouchCancelCapture

abstract var onTouchCancelCapture: TouchEventHandler<HTMLButtonElement>?

abstract var onTouchEnd: TouchEventHandler<HTMLButtonElement>?

onTouchEndCapture

abstract var onTouchEndCapture: TouchEventHandler<HTMLButtonElement>?

abstract var onTouchMove: TouchEventHandler<HTMLButtonElement>?

onTouchMoveCapture

abstract var onTouchMoveCapture: TouchEventHandler<HTMLButtonElement>?

abstract var onTouchStart: TouchEventHandler<HTMLButtonElement>?

onTouchStartCapture

abstract var onTouchStartCapture: TouchEventHandler<HTMLButtonElement>?

onTransitionEnd

abstract var onTransitionEnd: TransitionEventHandler<HTMLButtonElement>?

onTransitionEndCapture

abstract var onTransitionEndCapture: TransitionEventHandler<HTMLButtonElement>?

abstract var onVolumeChange: ReactEventHandler<HTMLButtonElement>?

onVolumeChangeCapture

abstract var onVolumeChangeCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onWaiting: ReactEventHandler<HTMLButtonElement>?

onWaitingCapture

abstract var onWaitingCapture: ReactEventHandler<HTMLButtonElement>?

abstract var onWheel: WheelEventHandler<HTMLButtonElement>?

abstract var onWheelCapture: WheelEventHandler<HTMLButtonElement>?

abstract var prefix: String?

abstract var property: String?

abstract var radioGroup: String?

abstract var ref: Ref<HTMLButtonElement>?

abstract var rel: String?

abstract var resource: String?

abstract var results: String?

abstract var rev: String?

abstract var role: AriaRole?

abstract var security: String?

abstract var size: Size?

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

abstract var slot: String?

abstract var spellCheck: Boolean?

abstract override 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.

abstract var tabIndex: Int?

abstract var title: String?

TouchRippleProps

abstract var TouchRippleProps: dynamic

Props applied to the TouchRipple element.

abstract var touchRippleRef: Ref<TouchRippleActions>?

A ref that points to the TouchRipple element.

abstract var translate: Translate?

abstract var type: ButtonType?

abstract var typeof: String?

abstract var unselectable: Unselectable?

abstract var value: Any?

abstract var variant: FabVariant?

The variant to use.

abstract var vocab: String?

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()