Theme Editor Field Types

The border field type allows editors to set the border style, width, and color for an element in one field. The styles can be set to apply to all sides, or each side can be styled independently. 

Style the border radius of an element.

Style the box shadow of an element.

Checkbox field.

Code editor field.

Select menu to choose a collection widget.

Color picker.

Choose a color from the theme editor color palette.

Select menu to choose a content snippet.

Date picker field.

Date and time picker field.

Text box where only numbers, a single decimal point, and a negative sign are allowed

Text input for email addresses.

Text input to set the URL of an embeddable media like a YouTube or Vimeo video. It enables a developer to easy embed media from other websites.

File upload field.

Select a folder path.

Font family select field.

Set the font style of an element.

Choose a font family from the font palette.

Choose a font family from Google fonts.

Choose from one of the available font palette fonts.

Style the font size of an element.

Select menu to choose a font weight.

Radio menu to choose a font weight.

Select menu to choose a font weight.

Select menu to choose a form.

Text area field to enter an <iframe> tag. It enables the developer to access the individual attributes of an iframe tag.

Image upload field.

Map field to set a specific latitude/longitude point.

Style the letter spacing for an element.

Style the line height of an element.

Style the margin of an element.

Multi-select field to select and sort one or more values.

Multi-select field to select and sort one or more values where the values come from an internal API call.

Select menu to choose a navigation menu.

Text box where only numbers and a negative sign are allowed

Style the padding for an element.

Password field

Radio input field.

Two small text inputs beside each other to set a ratio or two number values.

A set of repeating fields for entering multiple values. The fields are output vertically in a group.

A set of repeating fields for entering multiple values. The fields are output horizontally in a grid.

The TinyMCE rich text editor field.

Radio input alternative where buttons placed horizontally are used to select a value.

Select menu field.

Select menu field where the values come from an internal API call.

Select menu to choose a country.

Select menus to choose a month, day, and year.

Select menus to choose a month, day, year, hour, minute, and AP/PM.

Select menu to choose a Canadian province.

Select menu to choose a US state.

Select menu to choose a region within a state. A county is an example of a region.

Select menu to choose a town or city.

A small text input with a size unit option.

Style both the margin and padding of an element.

A slider field.

A small text input with buttons on both sides of it to decrement or increment a number value.

A select menu to choose a snippet.

A toggle field to select an on/off or yes/no type value.

A text input to input a telephone number. tel is an alias.

A text input field.

A text area field.

Style the text alignment for an element. It can also be used to set the horizontal flex alignment of an element.

Style the text decoration for an element.

Style the text shadow of an element.

Style the text transform of an element.

Input to set the time.

A special field that outputs the following fields to style the typography of an element.

• color
• fontFamily
• fontStyle
• fontSize
• fontWeight
• letterSpacing
• lineHeight
• textAlign
• textDecoration
• textShadow
• textTransform

It can optionally include the above fields to style the hover state of an element.

It can optionally include the margin and padding fields.

An input field to set a URL. You can select from pages to set an internal URL, enter a URL, or enter a phone, email, or SMS url with the correct formatting.