How to create custom BLOCK schema

Get block value by using this function code: 

{% for block in section.blocks %}
<img src=”{{ block.settings.icon | img_url: “master” }}” />
<h6>{{ block.settings.heading }}</h6>
<p>{{ block.settings.content }}</p>
{% endfor %}

 

{% schema %}
{
“name”: “Process Steps”,
“max_blocks”: 4,
“settings”: [
{
“id”: “classname”,
“type”: “text”,
“label”: “ClassName”
}
],
“presets”: [
{
“name”: “Process Steps”,
“category”: “Process”,
“blocks”: [
{
“type”: “text”
},
{
“type”: “text”
},
{
“type”: “text”
}
]
}
],
“blocks”: [
{
“type”: “text”,
“name”: “Process Step”,
“settings”: [
{
“id”: “icon”,
“type”: “image_picker”,
“label”: “Icon”
},
{
“id”: “heading”,
“type”: “text”,
“label”: “Heading”
},
{
“id”: “content”,
“type”: “html”,
“label”: “Content”
}
]
}
]
}
{% endschema %}