OFRAG Frontend Components Library v0.0.0

Text Field Search Rounded: Disabled Light 

<div class="text-field-search-rounded--light">
    <div class="text-field-search-rounded__wrapper">
        <input class="text-field-search-rounded__input" id="search-term" type="search" name="search-term" disabled 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>
 
{% 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": "light",
  "helper": "",
  "disabled": true
}
  • Content: 
    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;
  • URL: /components/raw/text-field-search-rounded/text-field-search-rounded.js
  • Filesystem Path: src/components/modules/shared/components/form-components/text-field-search-rounded/text-field-search-rounded.js
  • Size: 301 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/text-field-search-rounded/text-field-search-rounded";
  • URL: /components/raw/text-field-search-rounded/text-field-search-rounded.scss
  • Filesystem Path: src/components/modules/shared/components/form-components/text-field-search-rounded/text-field-search-rounded.scss
  • Size: 168 Bytes

No notes defined.