TabsOwnProps

Properties

Link copied to clipboard
abstract external var action: Ref<TabsActions>?

Callback fired when the component mounts. This is useful when you want to trigger an action programmatically. It supports two actions: updateIndicator() and updateScrollButtons()

Link copied to clipboard
abstract external var allowScrollButtonsMobile: Boolean?

If true, the scroll buttons aren't forced hidden on mobile. By default the scroll buttons are hidden on mobile and takes precedence over scrollButtons.

Link copied to clipboard
abstract external var ariaLabel: String?

The label for the Tabs as a string.

Link copied to clipboard
abstract external var ariaLabelledBy: ElementId?

An id or list of ids separated by a space that label the Tabs.

Link copied to clipboard
abstract external var centered: Boolean?

If true, the tabs are centered. This prop is intended for large views.

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

The content of the component.

Link copied to clipboard
abstract external var classes: TabsClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract external var indicatorColor: TabsIndicatorColor?

Determines the color of the indicator.

Link copied to clipboard
abstract external var key: Key?
Link copied to clipboard
abstract external var onChange: (event: SyntheticEvent<*, *>, value: Any) -> Unit?

Callback fired when the value changes.

Link copied to clipboard
abstract external var orientation: Orientation?

The component orientation (layout flow direction).

Link copied to clipboard
abstract external var scrollButtons: TabsScrollButtons?

Determine behavior of scroll buttons when tabs are set to scroll:

Link copied to clipboard
abstract external var selectionFollowsFocus: Boolean?

If true the selected tab changes on focus. Otherwise it only changes on activation.

Link copied to clipboard
abstract external var slotProps: Props?
Link copied to clipboard
abstract external var slots: TabsSlots?
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 textColor: TabsTextColor?

Determines the color of the Tab.

Link copied to clipboard
abstract external var value: Any?

The value of the currently selected Tab. If you don't want any selected Tab, you can set this prop to false.

Link copied to clipboard
abstract external var variant: TabsVariant?

Determines additional display behavior of the tabs:

Link copied to clipboard
abstract external var visibleScrollbar: Boolean?

If true, the scrollbar is visible. It can be useful when displaying a long vertical list of tabs.

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