react-lamp-tabs

An accessible and luminous tab component for React.

Usage no npm install needed!

<script type="module">
  import reactLampTabs from 'https://cdn.skypack.dev/react-lamp-tabs';
</script>

README

Lamp Tabs GitHub license test lint npm version

An accessible and luminous tab component for React.

Image from Gyazo

Installation

To install, you can use npm or yarn:

npm install react-lamp-tabs
yarn add react-lamp-tabs

Basic Example

import * as React from 'react';
import { LampTabs, LampTab } from 'react-lamp-tabs';

const Component:React.FC = () => {
  return (
    <>
      <LampTabs>
        <LampTab>
          <img src="/icons/home.png" alt="home" />
        </LampTab>
        <LampTab>
          <img src="/icons/dashboard.png" alt="dashboard" />
        </LampTab>
        <LampTab>
          <img src="/icons/settings.png" alt="settings" />
        </LampTab>
        <LampTab>
          <img src="/icons/account.png" alt="account" />
        </LampTab>
      </LampTabs>
    </>
  );
}

API

License

MIT