Ionic 6 Full Starter App
IonicThemesBuy NOWLive Preview
  • What is Ionic 6 Full Starter App?
  • About this Ionic template
  • Template versions
  • Set up the development environment
  • Running the Ionic app
  • How to use this template?
  • Ionic Capacitor
  • Ionic Code Structure
  • Ionic Data Integration
  • Theming
  • Ionic Progressive Web App
  • Ionic Navigation
  • Ionic Server Side Rendering (SSR)
  • Ionic Splash Screens and Icons
  • App Shell
    • Image Shell
    • Text Shell
    • Aspect Ratio
  • Ionic Custom Components
    • Checkbox Wrapper
    • Countdown timer
    • Ionic Show/Hide Password
  • Ionic Walkthrough (or tutorial)
  • Categories
  • Ionic Firebase Integration
    • Firebase Authentication
    • Firebase CRUD
    • Firebase Hosting
    • Push Notifications
  • Google Maps & Geolocation
  • Ionic Video Playlist
  • Ionic Multi Language
  • Getting Started
  • Ionic Authentication
  • Ionic Side Menu
  • Ionic Profile
  • Contact Card
  • Social Sharing
  • Ionic Notifications
  • Forms and Validations
  • Filters
  • FAQs
  • Common Errors and Solutions
  • Glossary
  • Upcoming features
  • 🧐Changelog
  • Reviews / Testimonials ⭐️⭐️⭐️⭐️⭐️
Powered by GitBook
On this page

Was this helpful?

Filters

These filters are super useful when creating forms and when we need to filter data such as lists.

PreviousForms and ValidationsNextFAQs

Last updated 6 years ago

Was this helpful?

Nowadays, many applications need controls to filter its data. That's why we created a specific section with some of the most popular and required filters.

The code for this section is in src/app/forms/filters.

In this section you will find various types of filters such as:

  • Ranges

  • Radio groups with different styles and layouts

  • Checkboxes with different styles and layouts

  • Tags

  • Toggles

  • A Custom Component to Add and Subtract numbers

  • A Custom Component to set a rating

  • Color chooser

If you feel that there is an important filter that is missing just .

All these filters are coded using Angular Reactive Forms. You can find more information about the custom components .

drop us a line
here