ffe-tabs-react proposal

TabsExample.jsx

import React, { useState } from 'react;
import { TabList, Tab } from '@sb1/ffe-tabs-react';

() => {
    const ids = { house: 'house', car: 'car' };
    const [activeTab, setActiveTab] = useState(ids.house);
    const tabpanelProps = id => id === activeTab ? {} : {style: {display: 'none'}};

    return <>
        <TabList value={activeTab} onChange={value => setAvtiveTab(value)}>
            <Tab value={ids.house} aria-controls={id.house}>Huslån</Tab>
            <Tab value={ids.car} aria-controls={id.house}>Billån</Tab>
        </TabList>

        <div role="tabpanel" id={ids.house} {...tabpanelProps(id.house}}>Ta opp huslån</div>
        <div role="tabpanel" id={ids.car} {...tabpanelProps(id.car}}>Ta opp billån</div>
    <>;
};