An HTML Code containing:


            <div
              class="w-max py-6 bg-white rounded-3xl border border-gray-300 shadow"
              :class="selectedTab === 'Where' && destination.length && !regions.includes(destination) ? '' : 'hidden'"
            >
              <ul :each="place in filteredDestinations">
                <li class="px-6" :class="selectedDestination == place ? 'bg-gray-100' : ''">
                  <button
                    type="button"
                    class="py-2 flex items-center gap-2"
                    :click="destination = place;
                            selectedTab = whenSelectedTab === 'Dates' ? 'Check In' : 'When'"
                    :mouseover="selectedDestination = place"
                  >

Recreating the AirBnB Search Bar using a mini library I'm helping to build.

Creating an interactive UI by just updating the DOM like:

Posts