Barmer Fractal

Fieldset 

<fieldset class="m-fieldset">
    <legend class="fieldset__legend">Fieldset Headline</legend>
    <div class="m-form-control form-control--full-width">
        <label class="a-label " for="title">
            Title

        </label>

        <input type="text" value="" class="a-input input--text" id="title">
    </div>

    <div class="m-form-control form-control--full-width">
        <label class="a-label " for="content">
            content

        </label>

        <textarea class="a-textarea " id="content"></textarea>

    </div>

</fieldset>
 
<fieldset class="m-fieldset">
  {{#switches.hasLegend}}
    <legend class="fieldset__legend">{{content.legend}}</legend>
  {{/switches.hasLegend}}
  {{#each partials.items }}
    {{ render (stringToPartial this.type) this merge=true }}
  {{/each}}
</fieldset>
 
{
  "viewtypes": {
    "specifier": ""
  },
  "switches": {
    "hasLegend": true
  },
  "content": {
    "legend": "Fieldset Headline"
  },
  "partials": {
    "items": [
      {
        "type": "form-control",
        "viewtypes": {
          "specifier": "form-control--full-width"
        },
        "content": {},
        "partials": {
          "label": {
            "content": {
              "for": "title",
              "text": "Title"
            }
          },
          "input": {
            "type": "formelement-input--text",
            "switches": {},
            "content": {
              "id": "title"
            }
          }
        }
      },
      {
        "type": "form-control",
        "viewtypes": {
          "specifier": "form-control--full-width"
        },
        "content": {},
        "partials": {
          "label": {
            "content": {
              "for": "content",
              "text": "content"
            }
          },
          "input": {
            "type": "formelement-textarea",
            "switches": {},
            "content": {
              "id": "content"
            }
          }
        }
      }
    ]
  }
}

No notes defined.