Reusable Tabs Using Tailwind CSS and Vue under Laravel Development
The codes and tutorial was originally taken from Jeffrey Way of Laracasts
Practical Component Exercise #3: Tabs
Let's review one more practical component exercise, before moving on to new topics. Let's re-create the common tabs…
But our team uses Tailwind CSS and we are using Vue.js with Laravel, so it was a little confusing to apply but this is not hard when you are already familiar how vue components works and how to wire them to make it work.
Let’s begin with structuring our folder, I use _partials for the components I want to reused so it would look like this.
Then the codes on each file will look like these
As you can see on the codes above, it is easy to understand. If it still confusing, I suggest you watch the video to be enlighten.