Tabs are a great way to organize and consolidate information. Use this component to section related information.
- Select "Tabs" as the Row Type.
- In the "Tabs" group:
- Headline: Enter a headline to display above the tabs
- Tabs Style: Select a desired tabs style
- Solid: Use the "Color" dropdown to select the background color of the tabs
- Add tabs:
- Headline: Enter a headline for the tab. This will act as the tab button
- Content: Enter content for the tab.
- Additional tabs can be added by clicking the “+” icon at the top right corner.
- Rearrange tabs by using the arrows at the top right corner or dragging the Tab group at the top left corner
- Delete tabs by clicking the “x” icon at the top right corner
- Click Preview Draft > Submit
Solid Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel vulputate velit. Maecenas ac tortor nunc. Vestibulum condimentum nibh non porttitor ultricies. Phasellus turpis mauris, rhoncus efficitur commodo vitae, fermentum at elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel vulputate velit. Maecenas ac tortor nunc. Vestibulum condimentum nibh non porttitor ultricies. Phasellus turpis mauris, rhoncus efficitur commodo vitae, fermentum at elit.
Bordered Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel vulputate velit. Maecenas ac tortor nunc. Vestibulum condimentum nibh non porttitor ultricies. Phasellus turpis mauris, rhoncus efficitur commodo vitae, fermentum at elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel vulputate velit. Maecenas ac tortor nunc. Vestibulum condimentum nibh non porttitor ultricies. Phasellus turpis mauris, rhoncus efficitur commodo vitae, fermentum at elit.