2.2 Components Catalog
A MagicScript Components catalog app provides examples of the available UI Components. This topic covers a list of examples available in the app. For a list of all the MagicScript Components, see https://components.magicscript.org/docs/components.
Pre-requisites
- Complete MagicScript Setup
- Download the catalog app from GitHub: https://github.com/magic-script/magic-script-components-catalog
Component Examples in the Catalog App
Component | Component |
---|---|
Alignment ![]() | TextEdit ![]() |
RectLayout ![]() | LinearLayout ![]() |
GridLayout ![]() | ScrollView ![]() |
ListView ![]() | Video ![]() |
ToggleGroup ![]() | Audio-MSA ![]() |
Dialogs ![]() | DatePicker ![]() |
TimePicker ![]() | ColorPicker ![]() |
ButtonProperties ![]() | Line ![]() |
DropDown List ![]() | Image Slider ![]() |
How to View
To view individual Components in the Component Catalog App, complete the following:
- Connect a Magic Leap device to your computer via USB or start the Simulator (see Zero Iteration MagicScript for details).
- Open a command line session from The Lab.
- In the command-line session, navigate to the Catalog app project folder that you downloaded from GitHub and enter: magic-script build -i.
- On the device, launch the Catalog app. A component example appears.
- Interact with the example using the Control to select the provided options in the example.
- Switch between examples using the Control by selecting Previous or Next at the top of the prism.
}