Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use ShadCN Tabs Component with React Router NavLink #2265

Closed
alonp99 opened this issue Mar 31, 2024 · 0 comments
Closed

Use ShadCN Tabs Component with React Router NavLink #2265

alonp99 opened this issue Mar 31, 2024 · 0 comments

Comments

@alonp99
Copy link
Collaborator

alonp99 commented Mar 31, 2024

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.

Image

Resources;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

No branches or pull requests

2 participants