Adding multiple text type traits.

editor.DomComponents.addType('text', {
            isComponent: el =>( (el.attributes&&el.attributes.paraJustify&&el.attributes.paraJustify.value) ),
            model: {
                defaults: {
                    traits: [
                        {
                            type: 'select',
                            options: [
                                { value: 'text-align:center', name: 'Center' },
                                { value: 'text-align:left ', name: 'Left' },
                                { value: 'text-align:right', name: 'Right' },
                                { value: 'text-align:justify', name: 'Justify' },
                            ],
                            label: 'align',
                            name: 'style',
                        },
                    ],
                    // To make default style.
                    // attributes: { style: 'text-align:center' },
                },
            }
        });

        editor.DomComponents.addType('text', {
            isComponent: el => el.attributes&&el.attributes.bannerBackgroundImage&&el.attributes.bannerBackgroundImage.value,
            model: {
                defaults: {
                    traits: [
                        {
                            type: 'select',
                            options: [
                                { value: 'background-image:url("https://s.freecharge.in/content/images/egold/egold-banner2.png")', name: 'Original' },
                                { value: 'background-image:none; background-color:#ffffff; ', name: 'None' },
                            ],
                            label: 'Backgroud Image',
                            name: 'style',
                        },
                    ],
                },
            }
        });
        editor.DomComponents.addType('text', {
            isComponent: el => el.attributes&&el.attributes.ctaLocation&&el.attributes.ctaLocation.value,
            model: {
                defaults: {
                    traits: [
                        {
                            type: 'select',
                            options: [
                                { value: ' left:0px; right:0px; bottom:5px; ', name: 'Original' },
                                { value: 'top:0px', name: 'Top' },
                            ],
                            label: 'CTA location',
                            name: 'style',
                        },
                         {
                             type: 'select',
                             options: [
                                 { value: 'background-color:red', name: 'Red' },
                                 { value: 'background-color:blue ', name: 'Blue' },
                                 { value: 'background-color:grey', name: 'Grey' },
                                 { value: 'background-color:orange', name: 'Orange' },
                             ],
                             label: 'Background-color',
                             name: 'style',
                             // changeProp: 1
                         },
                    ],
                },
            }
        });