2.13.0Next Generation live editor for Bolt Web Components
{% set content %}
<bolt-text>Hello World!</bolt-text>
{% endset %}
{% include '@bolt-components-editor/editor.twig' with {
styles: ['/build/bolt-global.css'],
scripts: ['/build/bolt-global.js'],
content: content,
} only %}
Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.
| Prop Name | Description | Type | Default Value | Option(s) |
|---|---|---|---|---|
|
|
HTML content to edit |
string
| — |
|
|
|
URL paths to CSS files that the editable content requires |
array
| — | |
|
|
URL paths to JS files that the editable content requires |
array
| — | |
|
|
ID for this content. Useful for saving back to a data store like Drupal by passing in the paragraph ID. ID emitted in save event. |
string
| — |
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.