Create Tabs in the style of Material Design

[mklmrgn]

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]

• @mklmrgn there is already an issue for Tabs TWE Design System Components: Tabs #423, is this issue a duplicate?

[jovyflagg]

Created Building Blocks for Tabs
Currently Working on:

• Primary and Secondary Tabs
• Components and variants