Element Field Types
Quix has lots of built-in form fileds which you can use to build your element. Look at our step by step guide to creating an element.
Which fields you can use
| Field | Description |
|---|---|
| Text | A simple text field |
| Textarea | A textarea |
| Link | Link field with all associated fields |
| Switch | A switch value field |
| Icon | A fontawesome icon slector |
| Image | A image field for uploading and selecting image |
| Select | A select field |
| Editor | A WYSIWYG editor field |
| Typography | Typography selector fields |
| Color | A color input field |
| Margin | A margin input field |
| Padding | A padding input field |
| Slider | A range input type |
| Divider | Used to add a title, text or an horizontal line to the form |
| Input Repeater | A single input repeater field |
| Group Repeater | Group input repeater field can contain multiple input field |
Common Fields Attributes
Every field accepts a list of attributes you can use. Each field could share these common attributes, but particular fields might ignore them. The best way to check which attributes are allowed on a field is to check the field description in this page, and see which attributes are mentioned.
This list provides a common ground so there's no need to repeat the description of a common field.
| Attribute | Description |
|---|---|
name |
sets the field name |
type |
sets the field type |
label |
sets the field label (optional) |
help |
Adds a tooltip to the field (optional) |
value |
sets the field default value (optional) |
depends |
sets the field depends another field (optional) |
Positive values
You can set positive values in multiple ways: 'true', 1.
Other values are interpreted as negative.
The Text Field {#the-text-field}
The text field is used to present a text input field.
Example:
- name: title
type: text
| Common Attributes Allowed |
|---|
| name |
| label |
| help |
| value |