Our great sponsors
-
oh-vue-icons
A Vue component for importing inline SVG icons from different popular icon packs easily.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Solution? Oh, Vue Icons!. (No, I mean, that's literally the name. Come on I not joking 😑) It come with 20 Icon packs including Bootstrap, Font Awesome and even Remix Icons. I can import only the icons i will use of just dump all of them, I'll use the first approach btw. (no Box Icons, sadge but soon will) Check their docs for more. To install, I'll just
Now I need to tell TailwindCss to use my way of setting viewport height. I honestly don't know if this is the correct way to overide the default classes. I just wanted to overide only one, but doing so removed others so i used this default config file in their github repo to get the default values and add mine in combination. (Do tell me if there is a better way to do this.)
Related posts
- 🎉Introducing Atomic Design in Vue.js🔥
- The one with styling Zag.js components with Tailwind CSS
- Creating a dropdown menu using Vue3 and PopperJS
- Any UI framework for Vue that isn't so opinionated it can't be customized? - Also, what's it like working with your preferred framework?
- Create a Real-Time Food Ordering Notification Service in Vue.js