@createhars/react-ui-tab-group

<ReactTabGroup tabs={[ { switch : 'tab1', content : 'tab1 content' }, { switch : tab2, content : tab2 content }, ...Array(20).fill(3).map((startValue, index) => ({ switch : tab${startValue + index}, content : tab${startValue + index} content })) ]} />

Usage no npm install needed!

<script type="module">
  import createharsReactUiTabGroup from 'https://cdn.skypack.dev/@createhars/react-ui-tab-group';
</script>

README

@createhars/react-ui-tab-group

examples

<ReactTabGroup
  tabs={[
    {
      switch   : 'tab1',
      content  : 'tab1 content'
    },
    {
      switch   : <div>tab2</div>,
      content  : <div>tab2 content</div>
    },
    ...Array(20).fill(3).map((startValue, index) => ({
      switch   : `tab${startValue + index}`,
      content  : `tab${startValue + index} content`
    }))
  ]}
/>