2.19.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) | 
|---|---|---|---|---|
| content * |        HTML content to edit  | 
    
            string
      
      
     | — |       
  | 
  
| styles * |        URL paths to CSS files that the editable content requires  | 
    
            array
      
      
     | — |        | 
  
| scripts * |        URL paths to JS files that the editable content requires  | 
    
            array
      
      
     | — |        | 
  
| id |        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
      
      
     | — |       
  |