Tab Group
General guidance
Tab Group organizes content across different screens, data sets, and other interactions.
Usage
For switching between views on a page (not selecting options as you would using a button group). Tab Group organizes and allows navigation between groups of content that are related and at the same level of hierarchy.
All individual tabs stays together to compose a Tab Group. The tab group should be left aligned with the card component. The active tab has a yellow bar at the top to make it noticeable. There is no padding between individual tabs. It always should have a leading icon in the tab.