kotlin-mui-material/mui.material/BottomNavigationActionProps

BottomNavigationActionProps

external interface BottomNavigationActionProps : BottomNavigationActionOwnProps, PropsWithComponent, ButtonBaseProps(source)

Properties

Link copied to clipboard
abstract var about: String?
Link copied to clipboard
abstract var accessKey: String?
Link copied to clipboard
abstract var action: Ref<ButtonBaseActions>?

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

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

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

Link copied to clipboard
abstract override var children: ReactNode?

This prop isn't supported. Use the component prop if you need to change the children structure.

Link copied to clipboard
abstract override var classes: BottomNavigationActionClasses?

Override or extend the styles applied to the component.

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

If true, the component is disabled.

Link copied to clipboard
abstract var disableRipple: Boolean?

If true, the ripple effect is disabled.

Link copied to clipboard
abstract var disableTouchRipple: Boolean?

If true, the touch ripple effect is disabled.

Link copied to clipboard
abstract var draggable: Boolean?
Link copied to clipboard
abstract var enterKeyHint: EnterKeyHint?
Link copied to clipboard
abstract var exportparts: String?
Link copied to clipboard
abstract var focusRipple: Boolean?

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

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

Link copied to clipboard
abstract var form: String?
Link copied to clipboard
abstract var formAction: FormAction?
Link copied to clipboard
abstract var formEncType: FormEncType?
Link copied to clipboard
abstract var formMethod: FormMethod?
Link copied to clipboard
abstract var formNoValidate: Boolean?
Link copied to clipboard
abstract var formTarget: WindowName?
Link copied to clipboard
abstract var hidden: Boolean?
Link copied to clipboard
abstract var icon: ReactNode?

The icon to display.

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

The label element.

Link copied to clipboard
abstract var lang: String?
Link copied to clipboard
abstract var LinkComponent: ElementType<*>?

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

Link copied to clipboard
abstract var name: String?
Link copied to clipboard
abstract var nonce: String?
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
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
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
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract 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
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
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
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
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
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 var part: String?
Link copied to clipboard
abstract var popover: Popover?
Link copied to clipboard
abstract var popoverTarget: String?
Link copied to clipboard
Link copied to clipboard
abstract var prefix: String?
Link copied to clipboard
abstract var property: String?
Link copied to clipboard
abstract var radioGroup: String?
Link copied to clipboard
abstract var ref: Ref<HTMLButtonElement>?
Link copied to clipboard
abstract var rel: String?
Link copied to clipboard
abstract var resource: String?
Link copied to clipboard
abstract var results: String?
Link copied to clipboard
abstract var rev: String?
Link copied to clipboard
abstract var role: AriaRole?
Link copied to clipboard
abstract var security: String?
Link copied to clipboard
abstract var showLabel: Boolean?

If true, the BottomNavigationAction will show its label. By default, only the selected BottomNavigationAction inside BottomNavigation will show its label.

Link copied to clipboard
abstract var slot: String?
Link copied to clipboard
abstract var spellCheck: Boolean?
Link copied to clipboard
abstract override var style: CSSProperties?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract override var sx: SxProps<Theme>?

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

Link copied to clipboard
abstract var tabIndex: Int?
Link copied to clipboard
abstract var title: String?
Link copied to clipboard
abstract var TouchRippleProps: dynamic

Props applied to the TouchRipple element.

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

A ref that points to the TouchRipple element.

Link copied to clipboard
abstract var translate: Translate?
Link copied to clipboard
abstract var type: ButtonType?
Link copied to clipboard
abstract var typeof: String?
Link copied to clipboard
abstract var unselectable: Unselectable?
Link copied to clipboard
abstract override var value: Any?

You can provide your own value. Otherwise, we fallback to the child position index.

Link copied to clipboard
abstract var vocab: String?

Functions

Link copied to clipboard
open inline fun <P : Props> child(type: ElementType<P>, props: P)
Link copied to clipboard
open inline operator fun <P : Props> ElementType<P>.invoke()
open inline operator fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)
open inline operator fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
Link copied to clipboard
open inline operator fun Char.unaryPlus()
open inline operator fun String?.unaryPlus()
open inline operator fun ReactNode?.unaryPlus()
open inline operator fun Props?.unaryPlus()