🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%


Tabs are multiple content sections (panels), accessible one at a time using control labels.

Copy: View demo


All components are built upon the CodyHouse Framework.

How to

Tabbed content is a component used to group related content, and control its visibility using labels - so that only one content panel is visible.

The class .tabs__control--selected is used to target the selected control, while the class .tabs__panel--selected is used to target the selected content panel.

⚠️ Important: make sure the value of the href attribute of the control label matches the id of the associated panel so that if Javascript is disabled, each label links to the appropriate panel.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us