Create Tabs in the style of Material Design - Githubissues

hackforla / internship

The Internship project provides an opportunity for students to work on open source projects in the fields of software, product development, project management, and UI/UX research and design at LA’s fastest growing Civic Tech non-profit organization during their summer.

GNU General Public License v2.0

16 stars 5 forks source link

Create Tabs in the style of Material Design #623

Open mklmrgn opened 1 week ago

mklmrgn commented 1 week ago

Overview

Tabs organize content across different screens and views.

Action Items

[ ] Research tab styling for Google's M3
[ ] Create Building Blocks for Tabs
[ ] Create Primary and Secondary Tabs.
[ ] Create variants for different states (Active vs Inactive)
[ ] Create variants for different states (Enabled, Hover, Focused)
[ ] Create variants for different configurations (leading icon, trailing icon, both)
[ ] Communicate changes in issue's comments and with design team
[ ] Get sign-off from Project Manager
[ ] Update Component Library and Microsite
[ ] Close Issue

Resources/Instructions

Google Doc
HfLA Figma File
Internships Figma File
- ~Internship Figma File, Design System, Tabs~ -We're going to replace this
Material Design 3 Tabs Overview

ExperimentsInHonesty commented 1 day ago

@mklmrgn there is already an issue for Tabs https://github.com/hackforla/internship/issues/423, is this issue a duplicate?