Accessible React/Tailwind Button Component with Variants

Challenge brief

Button ComponentBuild a button component capable of showing different states, sizes and icon configurations

Back to all submissions

Accessible React/Tailwind Button Component with Variants

Challenge brief

Button ComponentBuild a button component capable of showing different states, sizes and icon configurations

Kevin Le@kevinleaves

Software Engineering Student @ WGU

Undergrad Software Engineering

2.8k Reputation

Preview solution

View code

Designed a deep, reusable Button component in React. Styled with Tailwind. Variants were created using "cva" package. Inspired by Shadcn. Hosted on Vercel.

Submission vs Design

https://vault-chi.vercel.app/button

Implementation details

Tech stack

HTML

Basics

CSS

Basics

React

Basics

Components

React

Tailwind

TypeScript

Code

Discussions