Anchore Horizontal Tab Mobile example :

```jsx
                    
var mobileData = [
    {
        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 PanelContentMob = ({ children }) => (
    <div className='jp-horizontal-tab-data'>{children}</div>
);


class AnchoredHorizontalTabsMobileExample extends React.Component{
  constructor(props){
      super(props)
      this.state = {
      }
  }

onAnchoreMobileTabClick (mdata) {

        let MyMobPanel = '';

        switch (mdata.tabidMob) {
        case 'testmob1':
            MyMobPanel = (<PanelContentMob id={mdata.tabidMob}>
                <input type="text" name="fname" placeholder="First Name" id="fname" />
            </PanelContentMob>);
            break;
        case 'testmob2':
            MyMobPanel = (<PanelContentMob id={mdata.tabidMob}>
                <input type="text" name="lname" placeholder="Last Name" id="lname" />
            </PanelContentMob>);
            break;
        case 'testmob3':
            MyMobPanel = (<PanelContentMob id={mdata.tabidMob}>
                <input type="text" name="fname" placeholder="Addresss" id="fname" />
            </PanelContentMob>);
            break;
            case 'testmob4':
            MyMobPanel = (<PanelContentMob id={mdata.tabidMob}>
                <input type="text" name="fname" placeholder="First Name" id="fname" />
            </PanelContentMob>);
            break;
        case 'testmob5':
            MyMobPanel = (<PanelContentMob id={mdata.tabidMob}>
                <input type="text" name="lname" placeholder="Last Name" id="lname" />
            </PanelContentMob>);
            break;
        case 'testmob6':
            MyMobPanel = (<PanelContentMob id={mdata.tabidMob}>
                <input type="text" name="fname" placeholder="Addresss" id="fname" />
            </PanelContentMob>);
            break;
        }
        return MyMobPanel;
    }

render(){
      return(

<AnchoredHorizontalTabsMobile
        mobileTabList={mobileData}
        onAnchoreMobileTabClick={this.onAnchoreMobileTabClick.bind(this)}
        pageSize={2.5}
        defaultActiveKey='1'
        />
       ) 
       }
   }   <AnchoredHorizontalTabsMobileExample/>
```