Wrapping text on tabs of Tab Container

Ignition
,
1

Hello there,

I am suing Tab Container as root and calling flex in each tab. The names of tabs are very long and I don’t want to increase width of tabs as some tab names have small names.

Is there any way to wrap the Tab Name based on available tab height? Please suggest

2

Hi,

If you set your tabStyle property like this:

{
  "active": {
    "whiteSpace": "normal"
  },
  "inactive": {
    "whiteSpace": "normal"
  }
}

Then the tab text will break up into multiple lines.
image

If your text is too long to match the set height when wrapping it will clip like this:
image

2 Likes
3

Thanks a lot Matthew!