fix(tabs): spread style prop

Author: mcoker

packages/react-core/src/components/Tabs/Tabs.tsx

@@ -47,6 +47,8 @@ export interface TabsProps
   children: TabsChild | TabsChild[];
   /** Additional classes added to the tabs */
   className?: string;
+  /** Additional inline styles added to the tabs */
+  style?: React.CSSProperties;
   /** Tabs background color variant */
   variant?: 'default' | 'secondary';
   /** The index of the active tab */
@@ -468,6 +470,7 @@ class Tabs extends Component<TabsProps, TabsState> {
   render() {
     const {
       className,
+      style,
       children,
       activeKey,
       defaultActiveKey,
@@ -576,7 +579,11 @@ class Tabs extends Component<TabsProps, TabsState> {
           )}
           {...getOUIAProps(Tabs.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe)}
           id={id && id}
-          style={{ [linkAccentLength.name]: currentLinkAccentLength, [linkAccentStart.name]: currentLinkAccentStart }}
+          style={{
+            [linkAccentLength.name]: currentLinkAccentLength,
+            [linkAccentStart.name]: currentLinkAccentStart,
+            ...style
+          }}
           {...props}
         >
           {expandable && isVertical && (

packages/react-core/src/components/Tabs/examples/TabsDefault.tsx

@@ -27,6 +27,7 @@ export const TabsDefault: React.FunctionComponent = () => {
         isBox={isBox}
         aria-label="Tabs in the default example"
         role="region"
+        style={{ border: '1px solid red' }}
       >
         <Tab eventKey={0} title={<TabTitleText>Users</TabTitleText>} aria-label="Default content - users">
           Users