Input Types
We provide a wide range of input types to help you create any options you need, as listed below.
The object key is used as the slug for storing the settings data.
- text
title: Label of the input
tip-text: Adds tip text that appears on hover.
description-top: Adds a description displayed above the input.
description-bottom: Adds a description displayed below the input.
placeholder: Adds placeholder text to the input.
width: Use '1-1' or '1-2'
Here is an example of the settings.
'custom-text': {
'title': 'Text Box',
'type': 'text',
'width': '1-1',
'description-bottom': 'Just a normal text box'
},- colordisplay
title: Label of the input
color-type: Use 'color' or 'plain-color'. Defaults to 'color'
width: Use '1-1' or '1-2'
- upload
title: Label of the input
media-type: Use 'svg', 'png', 'json', 'font'. Defaults to all.
width: Use '1-1' or '1-2'
- combobox / multi-combobox
title: Label of the input
options: Object key–value pairs representing the slug and label of the list items to be displayed.
with-default: Use 'true' or 'false' ( Boolean )
media-type: Use 'svg', 'png', 'json', 'font'. Defaults to all.
tip-text: Adds tip text that appears on hover.
description-top: Adds a description displayed above the input.
description-bottom: Adds a description displayed below the input.
width: Use '1-1' or '1-2'
- icon
title: Label of the input.
with-none: Allows a “None” option for the input.
- range-input
title: Label of the input.
min: Sets the minimum value of the range slider as integer.
max: Sets the maximum value of the range slider as integer.
suffix-text: Display suffix text for the input.
description-top: Adds a description displayed above the input.
description-bottom: Adds a description displayed below the input.
with-none: Allows a “None” option for the input.
- margin / padding
title: Label of the input.