<div class="text-field--dark text-field-placeholder--dark is-initialized">
    <div class="text-field__wrapper text-field-placeholder__wrapper ">
        <input class="text-field__input text-field-placeholder__input" id="text" type="text" name="text" data-test="Yes" placeholder="Text" />
        <label class="visually-hidden" for="text">Text
        </label>
    </div>
    <div class="text-field__helper text-field-placeholder__helper">
        <div class="text-field__helper--text text-field-placeholder__helper--text">Please note that this form field has a helper text</div>
    </div>

    <div class="text-field__error text-field-placeholder__error">Please provide a value for this field</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/text-field-placeholder/text-field-placeholder.twig' %}
{
  "id": "text",
  "name": "text",
  "label": "Text",
  "required": false,
  "value": "",
  "disabled": false,
  "type": "text",
  "autocomplete": "",
  "attributes": {
    "data-test": "Yes"
  },
  "variant": "dark",
  "error": "Please provide a value for this field",
  "helper": "Please note that this form field has a helper text"
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/shared/components/form-components/text-field-placeholder/text-field-placeholder";
  • URL: /components/raw/text-field-placeholder/text-field-placeholder.scss
  • Filesystem Path: src/components/modules/shared/components/form-components/text-field-placeholder/text-field-placeholder.scss
  • Size: 162 Bytes

No notes defined.