Home Components Condition Builder
Condition Builder Work in progress
Overview Playground API
A condition builder is a component that allows users to build a condition using a set of rules.
Usage
Add expression Add predicate Add predicate Add predicate Add rule

  

    
      
        
          
            
          
          
            
          
          Add expression
        
        
          
            
          
        


        Add predicate
      


    

    
      
        
          
            
          
        
        Add predicate
      
    

    
      
        
          
        
      
      Add predicate
    

    Add rule

  

  <script>
    const conditionBuilder = document.querySelector('goat-condition-builder');
    conditionBuilder.addEventListener('condition-builder:change', (event) => {
      console.log(event.detail);
    });

    document.querySelector('#age').operators = [{
      label: 'Less than',
      value: 'new',
      icon: 'file-earmark',
    },
      {
        label: 'More than',
        value: 'save',
        icon: 'person-circle',
      }];
  </script>
Usage
Work in progress
Properties
Events