<div class="text-field-search-rounded--dark">
<div class="text-field-search-rounded__wrapper">
<input class="text-field-search-rounded__input" id="search-term" type="search" name="search-term" autocomplete="on" data-test="Yes" placeholder="Suche nach Name oder Artikelnummer" />
<label class="visually-hidden" for="search-term">Suche nach Name oder Artikelnummer</label>
<button type="reset" class="text-field-search-rounded__reset">
<span class="visually-hidden">Zurücksetzen</span>
</button>
<button type="submit" class="text-field-search-rounded__search">
<span class="visually-hidden">Suchen</span>
</button>
<div class="text-field-search-rounded__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
<div class="text-field-search-rounded__helper">
<div class="text-field-search-rounded__helper--text">Please note that this form field has a helper text</div>
<div class="text-field-search-rounded__helper--tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
<span class="visually-hidden">Information</span>
</button>
</div>
</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/text-field-search-rounded/text-field-search-rounded.twig' %}
{
"labels": {
"reset": "Zurücksetzen",
"submit": "Suchen"
},
"id": "search-term",
"name": "search-term",
"label": "Suche nach Name oder Artikelnummer",
"required": false,
"value": "",
"error": "",
"type": "search",
"autocomplete": "off",
"attributes": {
"data-test": "Yes"
},
"variant": "dark",
"helper": "Please note that this form field has a helper text",
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"
},
"disabled": false
}
import './text-field-search-rounded.scss';
import TextFieldSearchRounded, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/text-field-search-rounded/text-field-search-rounded';
export default TextFieldSearchRounded;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/text-field-search-rounded/text-field-search-rounded";
No notes defined.