react-lamp-tabs

An accessible and luminous tab component for React.


Keywords
react, lamp-tabs, lamp-tab, react-lamp-tabs
License
MIT
Install
npm install react-lamp-tabs@0.1.2

Documentation

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