add setting value

Author: LanThuyNguyen

16/umbraco-cms/customizing/extending-overview/extension-types/block-custom-view.md

@@ -17,7 +17,8 @@ You can also refer to the tutorial [Custom Views for Block List](https://docs.um
 2. Configure at least one Block Type on the Block Editor.
 3. Ensure the Element Type of the Blocks Content Model has a property using `headline` as the Property Alias.
 4. Take note of the Element Type Alias as you will use that in the next step.
-5. Add the following code to the `umbraco-package.json` file:
+5. Create a Settings Model for the above Element Type and add a property with alias `theme`.
+6. Add the following code to the `umbraco-package.json` file:
 
 {% code title="umbraco-package.json" %}
 ```json
@@ -32,7 +33,7 @@ You can also refer to the tutorial [Custom Views for Block List](https://docs.um
       "name": "My Example Custom View",
       "element": "/App_Plugins/block-custom-view/dist/example-block-custom-view.js",
       "forContentTypeAlias": "myElementTypeAlias", // insert element type alias here
-	  "forBlockEditor": "block-list" // insert block type here
+	  	"forBlockEditor": "block-list" // insert block type here
     }
   ]
 }
@@ -54,10 +55,14 @@ export class ExampleBlockCustomView extends UmbElementMixin(LitElement) implemen
 	@property({ attribute: false })
 	content?: UmbBlockDataType;
 
+	@property({ attribute: false })
+	settings?: UmbBlockDataType;
+
 	render() {
 		return html`
 			<h5>My Custom View</h5>
 			<p>Headline: ${this.content?.headline}</p>
+			<p>Theme: ${this.settings?.theme}</p>
 		`;
 	}