RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/komarovalexander/react-filter-control below:

komarovalexander/react-filter-control: The react UI component for building complex filter criteria

The React component for building the composite filter criteria

npm

npm install react-filter-control

yarn

yarn add react-filter-control

import React from "react";
import ReactDOM from "react-dom";
import FilterControl from "react-filter-control";
import { fields, filterValue } from "./data.js";

const handleFilterValueChange = filterValue => {
  // ...
};

const App = () => {
  return (
    <FilterControl
      filterValue={filterValue}
      fields={fields}
      onFilterValueChanged={handleFilterValueChange}
    />
  );
};

ReactDOM.render(<App />, document.querySelector("#root"));

Open Example in CodeSandbox

Properties

Name Type Description fields Array.<Field> The fields settings filterValue FilterValue The filterValue settings groups Array.<Group> The groups settings onFilterValueChanged event The filter value changed handler

Properties

Name Type Description groupName string Group name items Array.<(FilterValueGroup|FilterValueItem)> Items in group FilterValueGroup : Object

Properties

Name Type Description key key Item key groupName string Group name items Array.<(FilterValueGroup|FilterValueItem)> Items in group

Properties

Name Type Description key key Item key field string Field operator string Operator value any Value

Properties

Name Type Description name string Field name caption string Field caption operators Array.<Operator> Field operators

Properties

Name Type Description name string Group name caption string Group caption

Properties

Name Type Description name string Operator name caption string Operator caption

This project is licensed under the terms of the MIT license.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4