How to make Checkbox Filter with Vue JS

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Vue-JS-checkbox-filtering

    A small Code Challenge based on filtering with checkboxes

  • Click Here to view the Github repository containing all the code for this project. Click Here to view a preview of the this project working on codesandbox.

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

  • Next you will need to install the icon packages that you want to use. for the free icon packages. the various icon packages can be found on the Font awesome website. i will be installing free solid, free regular and free brands icon packages

  • 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.

    SurveyJS logo
  • vue-cli

    🛠️ webpack-based tooling for Vue.js Development

  • Hello Guys, In this tutorial we will be making a simple checkbox filtering component in Vue JS and Bootstrap. i will also be using fontawesome to add a few icons. To follow along, you have to have a vue 3 project set up. if you do not have a vue JS project already set up, you can do so with the vue CLI

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts