kotlin-mui-material/mui.material/FabProps

FabProps

external interface FabProps : FabOwnProps, ButtonHTMLAttributes<HTMLButtonElement> , PropsWithComponent, ButtonBaseProps(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 action: Ref<ButtonBaseActions>?

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

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 var centerRipple: Boolean?

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

Link copied to clipboard
abstract external override var children: ReactNode?

The content of the component.

Link copied to clipboard
abstract external override var classes: FabClasses?

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

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 override var disabled: Boolean?

If true, the component is disabled.

Link copied to clipboard
abstract external var disableFocusRipple: Boolean?

If true, the keyboard focus ripple is disabled.

Link copied to clipboard
abstract external override var disableRipple: Boolean?

If true, the ripple effect is disabled.

Link copied to clipboard
abstract external var disableTouchRipple: Boolean?

If true, the touch ripple effect is disabled.

Link copied to clipboard
abstract external var draggable: Boolean?
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 focusRipple: Boolean?

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

Link copied to clipboard
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.

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 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 LinkComponent: ElementType<*>?

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

Link copied to clipboard
abstract external var name: String?
Link copied to clipboard
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.

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
abstract external var onFocusVisible: FocusEventHandler<*>?

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

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 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 TouchRippleProps: Any?

Props applied to the TouchRipple element.

Link copied to clipboard
abstract external var touchRippleRef: Ref<TouchRippleActions>?

A ref that points to the TouchRipple element.

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: FabVariant?

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