Tabs

Tabs used to switch between different views

Tabs will inherit their background so the color input will determine if the text is light or dark

The position of media (icon or image) in the tab item can be set via the mediaPosition input. It can be set to 'inline' or 'stacked'.

When set to 'inline', the media will be displayed to the left of the title text. When set to 'stacked', the media will be displayed above the title text.

The default value is 'inline'.

inline:

stacked:

Inputs
hasMoreOptions : boolean
sizeDesktop : TabsSize
sizeTablet : TabsSize
truncate : boolean

It requires the fullWidth property to set true; - otherwise it won't put the ellipses at the end of the text.

align ?: TabsAlign = TabsAlign.LEFT
border ?: TabsBorder = TabsBorder.NONE
borderPersist ?: boolean = false
color ?: TabsColor = TabsColor.FOREGROUND
direction ?: TabsDirection = TabsDirection.ROW
fullWidth ?: boolean = false
hoverScrollbar ?: boolean = false
overflowHidden ?: boolean = false
size ?: TabsSize = TabsSize.LARGE
textWrap ?: boolean = false