Anchore Horizontal Tab Desktop :

```jsx
var tabData = [
    {
        tabHeader: 'Classic Rooms',
        tabKey: '1',
        tabid: 'test1',
        contenttitle: 'Classic Rooms',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Luxury Rooms',
        tabKey: '2',
        tabId: 'test2',
        contenttitle: 'Luxury Rooms',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Junior Suites',
        tabKey: '3',
        tabid: 'test3',
        contenttitle: 'Junior Suites',
        contenttype: 'input',
        isDisplay: false

    },
    {
        tabHeader: 'Prestige Suite',
        tabKey: '4',
        tabid: 'test4',
        contenttitle: 'Prestige Suite',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Beach Suite',
        tabKey: '5',
        tabid: 'test5',
        contenttitle: 'Beach Suite',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Deluxe Suite',
        tabKey: '6',
        tabid: 'test6',
        contenttitle: 'Deluxe Suite',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Opera Suite',
        tabKey: '7',
        tabid: 'test7',
        contenttitle: 'Opera Suite',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Classic Rooms',
        tabKey: '8',
        tabid: 'test8',
        contenttitle: 'Classic Rooms',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Classic Rooms',
        tabKey: '9',
        tabid: 'test9',
        contenttitle: 'Classic Rooms',
        contenttype: 'input',
        isDisplay: false

    },
    {
        tabHeader: 'Classic Rooms',
        tabKey: '10',
        tabid: 'test10',
        contenttitle: 'Classic Rooms',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Classic Rooms',
        tabKey: '11',
        tabid: 'test11',
        contenttitle: 'Classic Rooms',
        contenttype: 'input',
        isDisplay: true

    },
    {
        tabHeader: 'Classic Rooms',
        tabKey: '12',
        tabid: 'test12',
        contenttitle: 'Classic Rooms',
        contenttype: 'input',
        isDisplay: true

    }
];
const PanelContent = ({ children }) => (
    <div className='jp-horizontal-tab-data'>{children}</div>
);
onAnchoreHorizontalTabClick=(ele)=> {

        let MyPanel = '';

        switch (ele.tabid) {
            case 'test1':
                MyPanel = (<PanelContent id={ele.tabid}>
                    <input type="text" name="fname" placeholder="First Name" id="fname" />
                </PanelContent>);
                break;
            case 'test2':
                MyPanel = (<PanelContent id={ele.tabid}>
                    <input type="text" name="fname" placeholder="First Name" id="fname" />
                    <input type="text" name="lname" placeholder="Last Name" id="lname" />
                </PanelContent>);
                break;
            case 'test3':
                MyPanel = (<PanelContent id={ele.tabid}>
                    <input type="text" name="fname" placeholder="Addresss" id="fname" />
                </PanelContent>);
                break;
            case 'test4':
                MyPanel = (<PanelContent id={ele.tabid}>
                    <input type="text" name="fname" placeholder="Mobileno" id="fname" />
                </PanelContent>);
                break;
            case 'test5':
                MyPanel = (<PanelContent id={ele.tabid}>
                    <input type="text" name="fname" placeholder="Email" id="fname" />
                </PanelContent>);
                break;
            case 'test6':
                MyPanel = (<PanelContent id={ele.tabid}>{ele.tabid}<br />
                    <p>Test</p>
                </PanelContent>);
                break;            
        }
        return MyPanel;
    }
<AnchoreHorizontalTab
        tabList={tabData}
        onAnchoreHorizontalTabClick={this.onAnchoreHorizontalTabClick}
        isDisplay={true}
        defaultActiveKey='1'
        />
```