Smart.QueryBuilder for Angular is part of the jQWidgets Smart UI Components Library for Angular.

Smart.QueryBuilder represents a feature-complete, responsive and touch friendly Angular QueryBuilder component.
> This is a commercial product and requires a paid license for use. You can purchase a license at https://www.jqwidgets.com/license/ or start a free 30-day trial.
>
## Angular 13 support

The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines.

## Resources
* Getting Started
* View Online Demos

## Highlights
### Enterprise features for Angular
The Smart UI for Angular library includes accessibility features(WAI-ARIA, Section 508), Localization, RTL, Keyboard Navigation.
### Modular architecture
All components are built as modules so only the components and features you need are imported in your application.
### Blazing Fast
All components are built from scratch in order to achieve the best performance and user experience.
### Responsive, Touch & mobile friendly
Our components come with built-in device and browser detection. A component automatically adjusts itself for optimal user experience.
## Showcase Applications
* Admin Template
* Admin Template 2
* Admin Template 3
## Support
Product support is available for through following mediums.
* Community forum.
* New GitHub issue.
* Support e-mail: support@jqwidgets.com
## Usage
* Download and install the package
``javascript
npm install @smart-webcomponents-angular/querybuilder
`
* Adding CSS reference

The CSS files are available in ../node_modules/@smart-webcomponents-angular/querybuilder/styles/ folder.
`javascript
"styles": [
"node_modules/@smart-webcomponents-angular/querybuilder/styles/smart.base.css",
"node_modules/@smart-webcomponents-angular/querybuilder/styles/smart.querybuilder.css",
"node_modules/@smart-webcomponents-angular/querybuilder/styles/smart.common.css"
]

If you use more than one Smart UI component in your application, firstly add 'smart.base.css', then your components css files like 'smart.grid.css', 'smart.scheduler.css' and finally 'smart.common.css'.
`
* Add the Component Module in your application

`typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { QueryBuilderModule } from '@smart-webcomponents-angular/querybuilder';

import { AppComponent } from './app.component';

@NgModule({
declarations: [ AppComponent ],
imports: [ BrowserModule, QueryBuilderModule ],
bootstrap: [ AppComponent ],
entryComponents: [ AppComponent ]
})

export class AppModule { }
``


## License
Check the license detail here.
## Release Notes
Check the release notes here
© Copyright 2022 jQWidgets, Ltd. All Rights Reserved.