Wrapping text on tabs of Tab Container

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

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

Thanks a lot Matthew!