search

qupaya / sketch

A headless UI library for Angular.
MIT License
5 stars 0 forks source link

Components / Features / Autocomplete Directives #6

Open patrickjahr opened 5 months ago

patrickjahr commented 5 months ago

Template Idee

<sk-select skMultiple #skAutocomplete>
    <input required type pattern skAutocomplete />
    @for (option of source) {
      <sk-select-option value="1234-5678" [skAutocompleteSearch]="[item.id, item.label]">
        ____TEMPLATE____
      </sk-select-option>
    }
  </sk-select>

Template Idee 2

<input type="text" #input /> <!-- single value -->
<textarea></textarea> <!-- single value -->

<sk-autocomplete [control]=input multiple>
    <sk-autocomplete-option value="1234-5678" [skAutocompleteSearch]="[item.id, item.label]">
        as&nbsp;df
    </sk-autocomplete-option>
</sk-autocomplete>