Search code examples
qmlqt5qtquick2qtquickcontrols2

TabBar without separators


I am trying to get rid of the vertical divider lines in between the TabButtons of a TabBar:vertical separator lines

Documentation states that

TabBar consists of two visual items: background, and contentItem.

So if I understand correctly, the only way to achieve the desired look is to start over again and start using a Container as the base of my custom Component. Is that correct, or is there a way to build upon TabBar?


Solution

  • Set spacing to 0:

    TabBar {
        spacing: 0
    }