SIA Web Design Library

Table

No notes defined.

<div class='c-fields c-fields--fields c-fields__fields'>

    <dl class='c-generic-field c-generic-field--fields c-fields__generic-field'>
        <dt class='c-generic-field__label c-generic-field--text__label c-generic-field__label c-generic-field__label--inline'>Name</dt>
        <dd class='c-generic-field__input c-generic-field--text__input c-generic-field__input__item c-generic-field__input'>Johnny Bee</dd>
    </dl>

    <dl class='c-generic-field c-generic-field--fields c-fields__generic-field'>
        <dt class='c-generic-field__label c-generic-field--text__label c-generic-field__label c-generic-field__label--inline'>Email</dt>
        <dd class='c-generic-field__input c-generic-field--text__input c-generic-field__input__item c-generic-field__input'>mail@mail.com</dd>
    </dl>

</div>
 
<div class='{{ get_component_class( 'fields', display ) }}'>
    {% for item in items %}
        {% include get_template( 'generic-field', 'unit' ) with item %}
    {% endfor %}
</div>
 
{
  "display": {
    "component": "fields",
    "modifiers": [
      "fields"
    ]
  },
  "items": [
    {
      "label_display": "inline",
      "field_name": "field_generic",
      "field_type": "text",
      "label": "Name",
      "items": [
        {
          "content": "Johnny Bee"
        }
      ]
    },
    {
      "label_display": "inline",
      "field_name": "field_generic",
      "field_type": "text",
      "label": "Email",
      "items": [
        {
          "content": "mail@mail.com"
        }
      ]
    }
  ]
}