Overview
Use the Tab component to define a “ShapeDiver App Tab” object. Tabs are one of the elements you can include inside a Container, along with Widgets. Use tabs to divide a container into sections that users can browse through a tab menu. Depending on the template you use, tabs can also translate into another layout style.
Read more here about the App Builder and how to use it to drive web applications from Grasshopper.
Inputs
The Tab component accepts four properties:
-
Name: A name identifying the tab. If you do not specify a name, set an icon.
-
Icon: An optional icon displayed next to the tab name in compatible templates.
-
Tooltip: An optional tooltip displayed when users hover over the tab.
-
Widgets: A required list of widgets to display when this tab is active. Provide at least one widget to create a Tab object.
As an example, the following definition defines a tab named Pictures with the icon camera, a tooltip saying “A list of images.” and containing two widgets (one Controls Widget and one Image Widget).
List of available icons
ShapeDiver Apps use the Tabler icon library. Search for an icon and use its exact name as input to the Tab component.