Feature: tabbed layouts (#1981)

This commit is contained in:
Denis Papec 2023-09-14 22:55:14 +01:00 committed by GitHub
parent 768107cde8
commit 2d8160512f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 92 additions and 9 deletions

View file

@ -0,0 +1,15 @@
import { createContext, useState, useMemo } from "react";
export const TabContext = createContext();
export function TabProvider({ initialTab, children }) {
const [activeTab, setActiveTab] = useState(false);
if (initialTab) {
setActiveTab(initialTab);
}
const value = useMemo(() => ({ activeTab, setActiveTab }), [activeTab]);
return <TabContext.Provider value={value}>{children}</TabContext.Provider>;
}