Style

Register settings for style that helps user can change any style for children of element via a panel.

Register style via a computed

It will show in the tab "Style" of left-side when editing an element.

Element.vue

<template>
    <div ref="wrapper">
        <h1>Hello Beae!</h1>
    </div>
</template>

<script>
    export default {
        
        name: 'ElementName',
        
        props: {
            'data': {
                type: Object,
                default () {
                    return {};
                }
            }
        },

        computed: {
             style () {
                return [
                    {
                        group_name: 'Heading',
                        selector: 'div h1',
                        type: 'title'                    
                        // Selectors type in  src/components/RightSide/Builder/Helpers/Css.js
                        // Can register custom like Helper/Css.js
                    }
                ];
            },
        }
        
    }
</script>