Skip to content

Design system

Code Editor

Last updated 4 April 2025

If you're a little bit more comfortable with tweaking codes and making adjustments in your portal via HTML, you can use the Insites Code Editor to add an HTML input field on your forms. (now with Dark Mode stye option!)

Figma Component Variant Properties

Code Editor

Properties Options Notes
Colour Default, Monokai, Neat, The Matrix, Material Select the colour theme for the component.
State Default, Focus, Error Select the state of the component.
Show Label WrapperTrue, FalseToggle to hide or show the label and tooltip for the component. Show Label and Show Tooltip property for the component will be hidden if this is disabled.
Show Label True, False Toggle to show or hide the label for the component. 
Show TooltipTrue, FalseToggle to show or hide the tooltip for the component.
Show Line NumberTrue, FalseToggle to show or hide the line number for the component.