Tab menu component - Solution with TailwindCSS, Context API

Challenge brief

Tab Menu ComponentBuild a tab menu component for organizing content into tabbed sections

Back to all submissions

Tab menu component - Solution with TailwindCSS, Context API

Challenge brief

Tab Menu ComponentBuild a tab menu component for organizing content into tabbed sections

jordan@jordan-hoang

Software Engineering

4 YOE

21.1k Reputation

Preview solution

View code

This submission presents a accessible, reusable, and customizable Tabs component built using Context API for state management and Tailwind CSS for styling.

Submission vs Design

https://gfe-design-system-delta.vercel.app/tab-menu-component

Implementation details

Tech stack

HTML

Basics

Semantics

CSS

Basics

React

Basics

Components

Tailwind

Next.js

Code

Discussions