[EuiTab] Customize `euiTab__content` font-weight

[isaacguerreir]

I'm trying unsuccessfully to change the font-weight of the euiTab_content. Taking a look at the component appears not possible to change directly the prepend and content divs inside the component. Reading the documentation seems like I had to change the theme to make this possible.

Do I have a way to override the euiTab__content class by myself?

If not, would be interesting to have a prop to override the prepend and content classname divs?

[cchaos]

Hi @isaacguerreir , Have you tried wrapping your tab content in a span with extra styles applied? For example, you can do:

<EuiTab>
  <span style={{ fontWeight: 100 }}>{tab.name}</span>
</EuiTab>

[github-actions[bot]]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[github-actions[bot]]

👋 This issue hasn't seen activity in 3 days, so we're automatically closing this issue as answered. Please leave a comment if that's not the case, or if you have any remaining questions or issues.