Auto Format Input Fields
A cool way to spice up your forms is to add some auto format to your input fields. Allowing your users to get automatic feedback on things like phone numbers that need to follow a particular template. In this lesson, we write a phone auto format component, from scratch.
We've talked about Vue's data-driven approach but in this example we are diving deep in exploring the many features that allows Vue to manipulate data effectively. We will be building a pricing page front scratch.
An autocomplete dropdown menu is a nice feature to add when there's a set number of items an open field can be. Today, we are exploring how to code one from scratch using Vue and Tailwindcss.
Testing Validation, Importing Vue.js & Tailwind CSS
Let's take care of some last minute validation for our Authors flow and then let's shift our focus to the front-end. First, we remove all remains of Bootstrap and then install Vue and Tailwind CSS. Finally, we get to see all of our code that we've written through TDD be accessible through the browser.
Frontend Presets for React, Vue, Bootstrap & Tailwind CSS