@leehooks/use-tabs

1.0.1 • Public • Published

@leehooks/use-tabs

React Hook to show the select Tab


Example

import {useTabs} from "@leehooks/use-tabs"

export default function App() {
  const { currentItem, changeItem } = useTabs(0, content);
  return (
    <Container className="App" style={{ height: "1000vh" }}>
      {content.map((section, index) => (
        <button onClick={() => changeItem(index)}>{section.tab}</button>
      ))}
      {<div>{currentItem.desc}</div>}
    </Container>
  );
}

Readme

Keywords

Package Sidebar

Install

npm i @leehooks/use-tabs

Weekly Downloads

0

Version

1.0.1

License

MIT

Unpacked Size

1.66 kB

Total Files

3

Last publish

Collaborators

  • devlte