OFRAG Frontend Components Library v0.0.0

Text Field: With Error Dark 

<div class="text-field--dark is-initialized">
    <div class="text-field__wrapper">
        <input class="text-field__input" id="text" type="text" name="text" data-test="Yes" />
        <label class="text-field__label" for="text">Text
        </label>
    </div>

    <div class="text-field__error">Please provide a value for this field</div>
</div>
 
{% include '@SharedComponents/modules/shared/components/form-components/text-field/text-field.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": ""
}
  • Content: 
    import './text-field.scss';
import TextField, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/text-field/text-field';

export default TextField;
export const selector = sel;
  • URL: /components/raw/text-field/text-field.js
  • Filesystem Path: src/components/modules/shared/components/form-components/text-field/text-field.js
  • Size: 230 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/text-field/text-field";
  • URL: /components/raw/text-field/text-field.scss
  • Filesystem Path: src/components/modules/shared/components/form-components/text-field/text-field.scss
  • Size: 138 Bytes

No notes defined.