'IButtonProps styles for PivotItem

I wanted to give the unselected tabs of Pivot a border so they look like real tabs. I figured out it is actually styling a button so I created:

const headerProps: IButtonProps = { 
    styles: {
      flexContainer:{'border': '1px solid '},
    }
  };

but flexContainer selector does not cover the whole width of the tab. enter image description here root does not show border at all. there are too many selectors in IButtonStyles to test :-) Anyone knows which it is?

Thank you

fluentui-react


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions