A real-life true CMS-driven native Webflow tabs component with Interactions
The structure of our CMS Collection List (the feed)
The structure of our native Webflow Tabs
The .tabs() component to create a CMS powered tabs element.
This is native Webflow tabs element
In Designer, this has 3 tabs
The CMS List below is our "data feed". This will populate new tabs in the Tabs element above.
On the published website, CMS Library creates a new Tab for each CMS Item in the list below.
The child of the CMS Dynamic Item ('.tabs-this-is-copied-to-tab') is 'copy and pasted' inside each 'Tab Pane' above
This allows you to create a 100% CMS-driven Webflow native tabs 💪
You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.
You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.