react-use-tabs-ts v3.2.0

react-use-tabs-km

react-use-tabs-ts

A TypeScript-based React hook and components for managing tabs easily.

Installation

npm install react-use-tabs-ts

Usage

import React from 'react';
import { useTabs, Tabs, Tab } from 'react-use-tabs-ts';

function App() {
  const { currentTab, selectTab } = useTabs('tab1');

  return (
    <div>
      <button onClick={() => selectTab('tab1')}>Tab 1</button>
      <button onClick={() => selectTab('tab2')}>Tab 2</button>

      <Tabs>
        <Tab name="tab1" currentTab={currentTab}>
          <div>Tab 1 Content</div>
        </Tab>
        <Tab name="tab2" currentTab={currentTab}>
          <div>Tab 2 Content</div>
        </Tab>
      </Tabs>
    </div>
  );
}

export default App;

Features

🚀 Easy-to-use useTabs hook

🎨 Simple Tabs and Tab components

📦 Lightweight and flexible