9.0.0 • Published 7 months ago
@frontlinetech/react-querybuilder v9.0.0
react-querybuilder
The Query Builder component for React
Basic usage
npm install react-querybuilder --save
# OR
yarn add react-querybuilder
import { useState } from 'react';
import { QueryBuilder, RuleGroupType } from 'react-querybuilder';
import 'react-querybuilder/dist/query-builder.css';
const fields = [
{ name: 'firstName', label: 'First Name' },
{ name: 'lastName', label: 'Last Name' },
{ name: 'age', label: 'Age', inputType: 'number' },
{ name: 'address', label: 'Address' },
{ name: 'phone', label: 'Phone' },
{ name: 'email', label: 'Email', validator: ({ value }) => /^[^@]+@[^@]+/.test(value) },
{ name: 'twitter', label: 'Twitter' },
{ name: 'isDev', label: 'Is a Developer?', valueEditorType: 'checkbox', defaultValue: false },
];
export const App = () => {
const [query, setQuery] = useState<RuleGroupType>({
combinator: 'and',
rules: [],
});
return <QueryBuilder fields={fields} query={query} onQueryChange={q => setQuery(q)} />;
};
9.0.0
7 months ago
8.0.5
1 year ago
8.0.4
1 year ago
7.2.6
1 year ago
7.2.5
1 year ago
7.2.4
1 year ago
7.2.3
1 year ago
8.0.1
1 year ago
8.0.0
1 year ago
8.0.3
1 year ago
8.0.2
1 year ago
7.2.2
1 year ago
7.2.1
1 year ago
7.1.2
1 year ago
7.2.0
1 year ago
7.1.1
1 year ago
7.1.0
1 year ago
7.0.3
1 year ago
7.0.2
1 year ago
7.0.0
1 year ago
7.0.1
1 year ago
6.3.3
1 year ago
6.3.0
1 year ago
6.3.2
1 year ago
6.3.1
1 year ago
6.1.0
1 year ago
6.0.0
1 year ago
6.2.1
1 year ago
6.2.0
1 year ago
6.2.2
1 year ago
5.5.5-0
1 year ago
5.5.4-0
1 year ago
5.5.5
1 year ago
5.5.3
2 years ago
5.5.2
2 years ago
5.4.4
2 years ago
5.4.3
2 years ago
5.4.2
2 years ago
5.5.1
2 years ago
5.5.0
2 years ago
5.4.1
2 years ago
5.4.0
2 years ago
5.2.0
2 years ago
5.1.1
2 years ago
5.1.0
2 years ago
5.0.0
2 years ago
4.5.1
2 years ago