@megalabs/ml-input-hint v0.0.9

Input Label Hint

Поле для ввода с названием и выпадающим списком подсказок при вводе

<div class="ml-input">
    <label class="ml-input__label">Label</label>
    <div class="ml-input__input_hint">
        <select data-select>
            <option placeholder></option>
            <option value="1">Dropdown item 1</option>
            <option value="2">Dropdown item 2</option>
            <option value="3">Dropdown item 3</option>
            <option value="4">Dropdown item 4</option>
            <option value="5">Dropdown item 5</option>
            <option value="6">Dropdown item 6</option>
            <option value="7">Dropdown item 7</option>
            <option value="8">Dropdown item 8</option>
        </select>
    </div>
</div>
                

npm репозиторий - https://www.npmjs.com/package/@megalabs/ml-input-hint

Для установки пакета

• nnpm i @megalabs/ml-input-hint
• затем в папке @megalabs/ml-input-hint запускаем npm install

• npm start

Расширенные настройки

Обязательно указывать атрибут data-select

У каждого select необходимо указать уникальный id

В компоненте используется библиотека choices.js

https://github.com/jshjohnson/Choices

Документация - https://joshuajohnson.co.uk/Choices/