Use ShadCN Tabs Component with React Router NavLink
alonp99 opened this issue · comments
What?
Integrate ShadCN's Tabs component in the Statistics page, with "Statistics" and "Workflows" tabs.
Why?
To enhance navigation within the Statistics page, allowing users to switch between Statistics and Workflows views.
How?
Utilize the Tabs component from ShadCN with asChild prop set to true on TabsTrigger.
For each tab trigger, use NavLink from react-router-dom to enable routing.
Create two tabs: "Statistics" and "Workflows".
Acceptance Criteria:
Tabs for "Statistics" and "Workflows" are functional and styled according to the design.
Navigating between tabs changes the view without reloading the page.
Resources;