App
The App component defines a specific type of output that contains the description web application’s skeleton.
Read more here about the App Builder and how to use it to drive web applications from Grasshopper.
Inputs
The component contains a single input. It accepts a list of containers as defined by Container components. As an example, the following definition defines an App with two containers named left
and right
:
![Screenshot 2024-04-25 162646.png](../__attachments/2325381122/Screenshot%202024-04-25%20162646.png?inst-v=c1df5b3a-1f7b-4ff6-8118-d679ec879e79)
Depending on the template used, the ShapeDiver App might produce various layouts from this configuration. In the default template, the desktop layout will look like this:
![image-20240502-083808.png](../__attachments/2325381122/image-20240502-083808.png?inst-v=c1df5b3a-1f7b-4ff6-8118-d679ec879e79)
Outputs
The component does not include explicit outputs in Grasshopper. Once the definition is uploaded to ShapeDiver, its contents will be included in the model’s outputs and used to define the user interface of a ShapeDiver App. The corresponding App can be opened from the model view page of the model, using the “Open App” button above the viewer.