Mobile Anchored Horizontal Tab example :

```jsx
                    
var mobData = [
    {
        tabMobHeader: 'Classic',
        tabMobkey: '1',
        tabidMob: 'testmob1',
        contenttitleMob: 'Classic Rooms',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Luxury',
        tabMobkey: '2',
        tabidMob: 'testmob2',
        contenttitleMob: 'Luxury Rooms',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Junior Suites',
        tabMobkey: '3',
        tabidMob: 'testmob3',
        contenttitleMob: 'Junior Suites',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Prestige Suite',
        tabMobkey: '4',
        tabidMob: 'testmob4',
        contenttitleMob: 'Prestige Suite',
        contenttypeMob: 'input',
        tabdisabledMob: true

    },
    {
        tabMobHeader: 'Beach Suite',
        tabMobkey: '5',
        tabidMob: 'testmob5',
        contenttitleMob: 'Beach Suite',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Deluxe Suite',
        tabMobkey: '6',
        tabidMob: 'testmob6',
        contenttitleMob: 'Deluxe Suite',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Opera Suite',
        tabMobkey: '7',
        tabidMob: 'testmob7',
        contenttitleMob: 'Opera Suite',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Classic Rooms',
        tabMobkey: '8',
        tabidMob: 'testmob8',
        contenttitleMob: 'Classic Rooms',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Classic Rooms',
        tabMobkey: '9',
        tabidMob: 'testmob9',
        contenttitleMob: 'Classic Rooms',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Classic Rooms',
        tabMobkey: '10',
        tabidMob: 'testmob10',
        contenttitleMob: 'Classic Rooms',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Classic Rooms',
        tabMobkey: '11',
        tabidMob: 'testmob11',
        contenttitleMob: 'Classic Rooms',
        contenttypeMob: 'input',
        tabdisabledMob: false

    },
    {
        tabMobHeader: 'Classic Rooms',
        tabMobkey: '12',
        tabidMob: 'testmob12',
        contenttitleMob: 'Classic Rooms',
        contenttypeMob: 'input',
        tabdisabledMob: false

    }
]

const PanelContent = ({ children }) => (
    <div className='jp-mobile-anchored-horizontal-tab'>{children}</div>
)


class MobileAnchoredHorizontalTabExample extends React.Component{
    constructor(){
    super()
    this.state = {
          mobval : 0
      }
    }

  handleChangeMob (event, mobval) {
        this.setState ({ mobval : mobval });
        
        this.onAnchoreHorizontalMobileTabClick({ tabidMob: "testmob" + mobval })
    }

onAnchoreHorizontalMobileTabClick(mdata) {
        let MyMobPanel = '';
        switch (mdata.tabidMob) {
            case 'testmob1':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    <input type="text" name="fname" placeholder="First Name" id="fname" />
                </PanelContent>);
                break;
            case 'testmob2':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    <input type="text" name="lname" placeholder="Last Name" id="lname" />
                </PanelContent>);
                break;
            case 'testmob3':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    Test
            </PanelContent>);
                break;
            case 'testmob4':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    <input type="text" name="fname" placeholder="Mobileno" id="fname" />
                </PanelContent>);
                break;
            case 'testmob5':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    <input type="text" name="fname" placeholder="Email" id="fname" />
                </PanelContent>);
                break;
            case 'testmob6':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    Test
                </PanelContent>);
                break;
            case 'testmob7':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    <input type="text" name="lname" placeholder="Last Name" id="lname" />
                </PanelContent>);
                break;
            case 'testmob8':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    Test
                </PanelContent>);
                break;
            case 'testmob9':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    <input type="text" name="fname" placeholder="Mobileno" id="fname" />
                </PanelContent>);
                break;
            case 'testmob10':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    <input type="text" name="fname" placeholder="Email" id="fname" />
                </PanelContent>);
                break;
            case 'testmob11':
                MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                    Test
                </PanelContent>);
                break;
            default: MyMobPanel = (<PanelContent id={mdata.tabidMob}>
                Test
            </PanelContent>);
        }
        this.setState({
            tabContent: MyMobPanel,
        });
        return MyMobPanel;
    }


render(){
      return(
        <MobileAnchoredHorizontalTab
                tabheader={mobData}
                value={this.state.mobval}
                onChange={this.handleChangeMob.bind(this)}
                tabcontent={this.state.tabContent}
                onTabClick={this.onAnchoreHorizontalMobileTabClick.bind(this)}
         />
       ) 
       }
   }   <MobileAnchoredHorizontalTabExample/>
```