<div class="form-field ">
    <label class="label  " for="">
    Textarea label
    
</label>
    <textarea class="textarea  " name="text-input" id="text-id" placeholder="Insert text"></textarea>
</div>
{{#embed "@form-field" }}
	{{#content "content"}}
		{{> @textarea input }}
	{{/content}}
{{/embed}}
{
  "label": {
    "text": "Textarea label",
    "input-id": "textarea-id"
  },
  "input": {
    "type": "text",
    "name": "text-input",
    "id": "text-id",
    "placeholder": "Insert text"
  },
  "textarea": {
    "name": "textarea",
    "id": "textareaId",
    "placeholder": "This is a textarea"
  }
}
  • Content:
    .form-field {
        &__label {
            display: block;
            margin-bottom: 5px;
        }
    
        & + .form-field {
            margin-top: 20px;
        }
    
        & + .button {
            margin-top: 20px;
            align-self: flex-start;
        }
    }
    
  • URL: /components/raw/form-field/form-field.css
  • Filesystem Path: src/02-molecules/form-field/form-field.css
  • Size: 227 Bytes

There are no notes for this item.