1.0.0 • Published 3 years ago
@bomihooks/use-tabs v1.0.0
@bomihooks/use-tabs
React Hook to implement tab Example
import { useTabs } from "@bomihooks/use-tabs";
const content = [
{
tab: "Section 1",
content: "I'm the content of the Section 1"
},
{
tab: "Section 2",
content: "I'm the content of the Section 2"
}
];
export default function App() {
const { currentItem, changeItem } = useTabs(0, content);
return (
<div className="App">
{content.map((section, index) => (
<button onClick={() => changeItem(index)}>{section.tab}</button>
))}
<div>{currentItem.content}</div>
</div>
);
}
1.0.0
3 years ago