Pivot

link - developer.microsoft.com/en-us/fluentui#/controls/web/pivot

import * as React from 'react';  
import { Label } from 'office-ui-fabric-react/lib/Label';  
import { PivotLinkSize, PivotLinkFormat, PivotItem, Pivot } from 'office-ui-fabric-react/lib/Pivot';  
import { CalloutBasicExample } from '../components/BET_Callout';  

export class PivotFabricExample extends React.Component<any, any> { 
  render() { 
    return ( 
      <div> 
        <Pivot linkFormat={ PivotLinkFormat.links } linkSize={ PivotLinkSize.normal }> 
          <PivotItem linkText='Callout'>  
            <Label>Callout Example</Label> 

            <CalloutBasicExample /> 

          </PivotItem> 

          <PivotItem linkText='Spinner'>  
            <Label>Spinner Example</Label> 

          </PivotItem> 

          <PivotItem linkText='Persona'>  
            <Label>Persona Example</Label> 

          </PivotItem> 

        </Pivot> 
      </div> 
    ); 
  } 
}