Other
HTML Element
A generic component that creates customisable HTML elements, which can serve as containers for other components.
You can configure the element type, styles, and attributes to fit your design requirements. You can link them to state for advanced use cases, such as custom animations.
All valid HTML tags are supported, including tags such as
You can configure the element type, styles, and attributes to fit your design requirements. You can link them to state for advanced use cases, such as custom animations.
All valid HTML tags are supported, including tags such as iframe, allowing you to embed external sites.
Take into account the potential risks of adding custom HTML to your app, including XSS. Be specially careful when injecting user-generated data.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Element | Text | Set the type of HTML element to create, e.g., ‘div’, ‘section’, ‘span’, etc. | - |
| Styles | Object | Define the CSS styles to apply to the HTML element using a JSON object or a state reference to a dictionary. | - |
| Attributes | Object | Set additional HTML attributes for the element using a JSON object or a dictionary via a state reference. | - |
| HTML inside | Text | Define custom HTML to be used inside the element. It will be wrapped in a div and rendered after children components. | - |
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. | - |