More tutorials ? about vue-3-carousel-tutorial HOT 6 OPEN

Hi, Oliver. Thanks for your kind words. Do you have an example of how that component would look like?

from vue-3-carousel-tutorial.

Somewhat like this I can also set the maximum number of tags so the input field would not expand when there are many tags. https://github.com/vueform/multiselect

from vue-3-carousel-tutorial.

Oh, at first glance it looks like it would have this structure:

<div class="container">
  <div class="tag-list">
    <div class="tag"></div>
  </div>
  <input v-model="search">
</div>

And then the input disappears when .container is no longer focused. It doesn't seem that complicated. What do you think?

from vue-3-carousel-tutorial.

You're right think that is the main structure (also from the video I've seen).
I think the more complicated part is the making of dropdown ? (probably) because it has to be done from scratch and also the dynamic width input width size.

from vue-3-carousel-tutorial.

Well, a <datalist> may be helpful:

<input id="color" list="suggestions">
<datalist id="suggestions">
    <option value="Black">
    <option value="Red">
    <option value="Green">
    <option value="Blue">
    <option value="White">
</datalist>

https://teamtreehouse.com/community/creating-a-suggestion-list-for-html-form-input-elements

from vue-3-carousel-tutorial.

Having a good foundation of CSS can really untie your creativity.

from vue-3-carousel-tutorial.