Properties (Add)
Last updated
Last updated
Properties allows you to add a new Property or a new Group.
Properties you can add to a component include Text, Rich Text, List, Link, Image, Gallery, Video, Icon, Colour, Toggle, Number, Class, ID, Options, Conditions, Visibility, CSS Text.
The Text Property allows you to add a Name, Default, Placeholder, Canvas Placeholder and Type (Static or Advanced) to your Component.
The Rich Text Property allows you to add rich text to a component, such as bold, italic, underline or strikethrough.
The List Property allows you to add a list to a component. Input required information such as Name, Default, Placeholder, Canvas Placeholder.
The Image Property allows you to add an Image to a component, to name it, to set a Default image, to choose an URL and choose a simple (static) or advanced (static and dynamic) type.
The Gallery Property allows you to add a Gallery to a component, to name it, choose the data type and adjust layout and usage.
The Video Property allows you to add a Video to a component, to name it, to set a Default video, to choose an URL and choose a simple (static) or advanced (static and dynamic) type.
The Icon Property allows you to configure your icon property. You can input a Name and choose a suitable icon and choose whether or not to include it in the CSS so that you can use it in a List block.
The Colour Property allows you to configure a colour property.
You can input a Name, decide whether it should be Responsive or not and choose a suitable Default colour.
The Toggle Property allows you to configure a toggle state for boolean values. This means that the icon property can be shown or hidden for any property that only has two possible states (true/false).
You can input a suitable Name, and decide whether it should be shown or hidden by Default.
The Number Property allows you to configure a number property such as font size, padding, width etc.
You can input a Name, decide whether it should be Responsive or not, set a Default value, and a Minimum, a Maximum or Step.
You can also toggle "With Unit" on or off if you want to specify a unit.
The Class Property allows you to configure a single (or multiple) class property(ies).
You can input a Name and decide whether a Class should be added to the selected component by default or not.
The ID Property gives an ID to the block if you wish to give it a specific name in order to target it more easily (for example to connect it to a modal).
By default the Block ID is indexed relative to the number of blocks on the page.
The Options Property allows you to add specific additional styles to a component other than numbers and colours.
You can input a Name, set a default style and set options for the default as required.
The Conditions Property allows you to add specific additional styles to a component other than numbers and colours.
You can input a Name and set specific conditions for a component block.
The Visibility Property allows you to Show/Hide a block and set a default state.
CSS Text accepts any valid CSS string values.
You can add a Name, Default, and make it responsive or not as required.