TabsOwnProps

Types

Link copied to clipboard
interface SlotProps
Link copied to clipboard
interface Slots

Properties

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

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

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

Link copied to clipboard
abstract override var children: ReactNode?

The content of the component.

Link copied to clipboard
abstract var classes: TabsClasses?

Override or extend the styles applied to the component.

Link copied to clipboard

Determines the color of the indicator.

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

Callback fired when the value changes.

Link copied to clipboard
abstract var orientation: Orientation?

The component orientation (layout flow direction).

Link copied to clipboard

The component used to render the scroll buttons.

Link copied to clipboard

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

Link copied to clipboard

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

Link copied to clipboard

The extra props for the slot components. You can override the existing props or add new ones.

Link copied to clipboard
abstract var slots: TabsOwnProps.Slots?

The components used for each slot inside.

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 TabIndicatorProps: Props?

Props applied to the tab indicator element.

Link copied to clipboard

Props applied to the /material-ui/api/tab-scroll-button/ element.

Link copied to clipboard
abstract var textColor: TabsTextColor?

Determines the color of the Tab.

Link copied to clipboard
abstract 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 var variant: TabsVariant?

Determines additional display behavior of the tabs:

Link copied to clipboard
abstract 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 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 <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)
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()