Editor Controls Reference
Used to create a user-friendly editing experience for your custom site
The Square Online Editor allows the sellers edit their website without having to be familiar with modifying template code. Adding controls gives the sellers a great experience that they may be familiar with with simliar content management systems. This reference describes the currently available controls that are supported by the platform.
| Name | Description |
|---|---|
input | Basic single-line text input field |
select | Selectable dropdown |
textarea | Multi-line text input field |
checkbox | Checkbox input field |
message | Plain text message display, can be used for instructions |
notice | Info, success, warning, or error notice, can be used for notifications |
toggle | On / off toggle input field |
slider | Slider input field |
stepper | Stepper input field |
color-chooser | Color input field |
image-chooser | Image chooser control, opens an asset chooser |
video-chooser | Video chooser control, opens an asset chooser |
link-chooser | Link chooser control, opens a chooser to select or create a link |
category-list-chooser | Category list chooser, opens a chooser to select from a seller’s existing categories |
item-list-chooser | Item list chooser, opens a chooser to select from a seller’s existing items |
button-group | Alternative to radio buttons, allows one option to be selected from a set |
button-reset | Button that resets values to specified defaults |
group | Group controls together to create a section of related controls |
group-toggle | Render related controls together in a toggleable group |
group-list | Render list of related content |
link-button | Button that navigates to a provided url |
radio-group | Radio button group |
option-cards | Option cards |
global-panel-link | Link out to global controls |