Tabs:
Tabs is a container element which generates tab headers with multiple tab pages.
In YAML, a list of tab pages with tab labels as the key are placed under the Tabs container.
- Tabs:
- <Tab Label>:
- Fields:
- <field label>: <field value>
<properties>: <properties values>
- Fields:
....
....
- <Tab Label>:
....
- <Tab Label>:
- Fields:
- <field label>: <field value>
<properties>: <properties values>
- Fields:
....
....
- <Tab Label>:
....
A tab label corresponds to a new tab that is a container as well, you can place a list of containers such as Fields or elements such as Grid, div … etc under a tab.
Example
# - Tabs:
- Address:
- Fields:
- Work:
- Contact:
- Fields:
- Mobile:
- Telephone:
- Address:
- Fields:
- Work:
- Contact:
- Fields:
- Mobile:
- Telephone:
The above YAML will generate a page with two tabs: ‘Address’ and ‘Contact’.
Visit example.u.team/yamltab to try out the live examples.