<div class="text-field--light 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__helper">
<div class="text-field__helper--text">Please note that this form field has a helper text</div>
</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": "light",
"error": "Please provide a value for this field",
"helper": "Please note that this form field has a helper text"
}
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;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/text-field/text-field";
No notes defined.