Accordion
A vertically stacked set of collapsible sections. Users click a header to expand or collapse its content panel. Built from scratch with React, TypeScript, and Tailwind CSS.
ReactTypeScriptTailwind CSS
5 min readAlert
A brief, important message that draws attention without interrupting the user's task. Built from scratch with React, TypeScript, and Tailwind CSS.
ReactTypeScriptTailwind CSS
3 min readTabs
A set of layered sections of content, where only one panel is visible at a time. Follows the WAI-ARIA tabs pattern with roving tabindex and full keyboard support. Built from scratch with React, TypeScript, and Tailwind CSS.
ReactTypeScriptTailwind CSS
5 min read