Installation

Add to your s&box project

1. Open your s&box project (.sbproj) in the s&box editor.
2. Navigate to the Library Manager tab. By default this is in your bottom panel next to Asset Browser and Console.
3. Search for "Razor Designer"
4. Select the library and click "Install" on the right side panel
5. The editor should hot-reload once Razor Designer is installed
6. At the top of the editor, locate the "View" tab
7. Click the Razor Designer menu option to open the UI

Open the designer

Open the Razor Designer window from the editor. You should see four panels:

Left column panel: Top: Hierarchy view Bottom: Control Palette

Middle panel: Designer Preview window - where the magic happens

Right column panel: Inspector - Where all of the properties for controls live. selecting a control will display all of its properties

Continue to Your First Panel.