Tab Header Styling

Ask us anything How do I?
1

I am using the tab element. I have 3 tab. I want to style the tab headers to make themsleves their maximum width so that the three headers are equally spread across their parent container.

For some reason I can’t get this to work. You would think you’d be able to style the “Headers” container, but that doesn’t seem to work.

Does anyone know how to achieve this?

2

i have exactly the same problem and this is frustrating

2 Likes
3

Hi All,

Does anyone know if it’s possible to style the selected tab for the Tabs, NavBar, and SideBars? I have looked everywhere to find the background color change but can’t seem to find it.

Thanks John

2023-07-06_03-36-07
2023-07-06_03-36-071920×1162 79.9 KB

2023-07-06_03-36-33
2023-07-06_03-36-331230×408 77.1 KB

2023-07-06_03-36-42
2023-07-06_03-36-42974×542 66.5 KB

4

Maybe you can try creating an active state and change the bg color in that state?

image
image602×576 15.3 KB

2 Likes
5

@raelyn great idea! I’ll give that a try.

1 Like
6

Hi there :wave:
Did you figure out a way to make this happen?

Thank you!

7

hey @itsamemario ! Did you find a solution for this ?