# Add content property

See Development process to load a base section in dev mod.

We will add a title property on our section, so that the user can dynamically change the title of the section.

# wwDefaultContent

First step is to add the default content value

wwDefaultContent: {
    textColor: "#BC1010",
    title: "My title",
},

# Use the value inside the template

<div class="my-section">
    <h1 :style="textStyle">{{ content.title }}</h1>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
        ea commodo consequat.
    </p>
</div>

# Change the ww-config.json

We will add a property inside ww-config.json to add a text input on the Settings pannel

{
    "componentPath": "./src/wwSection.vue",
    "editor": {
        "label": {
            "en": "My Section"
        },
        "styleOptions": {
            "textColor": {
                "label": {
                    "en": "Text color"
                },
                "type": "Color"
            }
        },
        "settingsOptions": {
            "title": {
                "label": {
                    "en": "Title"
                },
                "type": "Text"
            }
        }
    }
}

WARNING

You need to restart your dev server so that the config is load correctly