Create a CMS powered native Webflow Tabs component with a Webflow CMS Collection List.
Implement in Webflow
Apply attributes to elements on the page
Below is a list of elements and options that are used to create this Attributes functionality. Click any of them to see more details.
For example, if there are 10 items in this Collection, the Tabs will generate 10 Tab Panes and Tab Links.
This List will automatically be removed from the page once its content is added to the Tabs. It is only used to get the dynamic data. It is not for display purposes.
Each Collection Item from the List will be added inside each Tab Pane of the Tabs component.
A Tab Link will be generated for each item in the list.
Attributes preserves Tab Pane stylings. Style your Tab's Tab Panes and each Collection Item will be added inside a Tab Pane.
Div Block or Text Block
Warning: When using this attribute, all interactions that have an Initial State will be restored to it, use with caution to avoid unexpected UX behaviors.
See this solution working live in this Webflow project.
The Trevi Fountain is a fountain in the Trevi district in Rome, Italy.
Iguazú Falls are waterfalls of the Iguazu River on the border of the Argentine and Brazil.
The Golden Gate Bridge is a suspension bridge spanning the Golden Gate.
Is a colossal statue of Indian statesman and independence activist Vallabhbhai Patel.
Is a large unfinished Roman Catholic minor basilica in the Eixample district of Barcelona.
An urban park in New York City located between the Upper West and Upper East Sides of Manhattan.
Combinations using CMS Tabs:
You can combine this Attribute with others to create more complex solutions.
Frequently Asked Questions
Everything you need to know about this attributes solution.