<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="text" type="search" name="text" data-test="Yes" placeholder="Text" />
<label class="visually-hidden" for="text">Text</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
<div class="text-field__helper text-field-search__helper">
<div class="text-field__helper--text text-field-search__helper--text">Please note that this form field has a helper text</div>
</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/text-field-search/text-field-search.twig' %}
{
"id": "text",
"name": "text",
"label": "Text",
"required": false,
"value": "",
"error": "",
"type": "search",
"autocomplete": "",
"attributes": {
"data-test": "Yes"
},
"variant": "light",
"helper": "Please note that this form field has a helper text",
"disabled": false
}
import TextFieldSearchMediator, {name as title} from 'cando-cx-components-library/components/modules/shared/components/form-components/text-field-search/text-field-search-mediator';
export default TextFieldSearchMediator;
export const name = title;
import './text-field-search.scss';
import TextFieldSearch, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/text-field-search/text-field-search';
export default TextFieldSearch;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/text-field-search/text-field-search";
No notes defined.