@hixme-ui/tabs

hixme-ui Tabs component

Usage no npm install needed!

<script type="module">
  import hixmeUiTabs from 'https://cdn.skypack.dev/@hixme-ui/tabs';
</script>

README

Tabs

Installation

npm i --save @hixme-ui/tabs

View it live

Usage

import Tabs from '@hixme-ui/tabs'

const tabsArray = [{
  name: 'Some tab name 1',
  content: <SomeComponent {...stuff} />
},{
  name: 'Some tab name 2',
  content: <SomeOtherComponent {...stuff} />
}]

<Tabs blue id='uniqueString' list={tabsArray} initWithIndex={1} />

Props

tabStyles={{ blue: true, width: '200px', marginBottom: '40px' }}

Name	Type	Default
id	string	N/A
list	array	N/A
initWithIndex	number	0
tabStyles	object	N/A