✅ You are viewing documentation for the latest version of Compose SDK.

Version:

Type alias TabberButtonsWidgetStyleOptions

TabberButtonsWidgetStyleOptions: object

Configuration options that define style of the various elements of the tabbers buttons widget.

Type declaration

description?: string

Description text displayed in the tabber widget (when showDescription is true)

descriptionColor?: string

Color of the widget description text

selectedBackgroundColor?: string

Background color of the selected tab

selectedColor?: string

Text color of the selected tab

showDescription?: boolean

Whether to display the widget description

true

showSeparators?: boolean

Whether to show visual separators between tabs

true

tabCornerRadius?: "large" | "medium" | "none" | "small"

Corner radius style for tabs

tabsAlignment?: "center" | "left" | "right"

Horizontal alignment of tabs within the widget

tabsInterval?: "large" | "medium" | "small" | number

Spacing interval between tabs. Can be a predefined size ('small', 'medium', 'large') or a number (treated as pixels).

'medium'

tabsInterval: 'small'
tabsInterval: 16  // treated as 16px

tabsSize?: "large" | "medium" | "small" | number

Size of the tabs. Can be a predefined size ('small', 'medium', 'large') or a number (treated as pixels).

'medium'

tabsSize: 'medium'
tabsSize: 14  // treated as 14px

unselectedBackgroundColor?: string

Background color of unselected tabs

unselectedColor?: string

Text color of unselected tabs