FQB - Filter Query Builder

A minimal, dependency-free TypeScript package for building complex filter queries.

Designed to be lightweight and flexible, FQB provides the core logic while letting you bring your own components and styling.

The source code is available on Github

Unstyled

Minimal
Resulting JSON
Implementation Code 

                

              

            

          

        


        
        

          

            

              

                Styled with Tailwind
              

              Custom UI
            

            

              Contains enhanced Attribute object array with the
              number field attribute having red border when
              negative values are input
            


            


            

              

              

                Resulting JSON
                

              


              

                
                  Implementation Code
                  
                    
                  
                
                

                  

                

              

            

          

        


        
        

          

            

              
Initialized

              Minimal - Initialized
            


            


            

              

              

                Resulting JSON
                

              


              

                
                  Implementation Code