# kodobe-react-filter

> kodobe react filter

Latest version **1.0.1** (published 2022-09-08) · ISC license · 0 weekly downloads

## Install

```sh
npm install kodobe-react-filter
pnpm add kodobe-react-filter
yarn add kodobe-react-filter
bun add kodobe-react-filter
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2022-09-08 |
| First published | 2022-08-12 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 8.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | kodobe |

## Links

- npm: https://www.npmjs.com/package/kodobe-react-filter
- npm.io page: https://npm.io/package/kodobe-react-filter

## Dependencies (3)

- [kodobe-react-icons](https://npm.io/package/kodobe-react-icons.md) ^2.0.9
- [kodobe-react-input](https://npm.io/package/kodobe-react-input.md) ^2.0.5
- [kodobe-react-select](https://npm.io/package/kodobe-react-select.md) ^2.2.1

## Recent versions

- 1.0.1 (latest) — 2022-09-08
- 1.0.0 — 2022-08-12

## README

# Kodobe React Filter

This is a simple react filter package, check it out at [github repo](https://bitbucket.org/padf/react-components/src/master/src/components/filter/)

## Install

`npm install kodobe-react-filter`

or

`yarn add kodobe-react-filter`

## Setup

`import Filter from 'kodobe-react-filter';`

## Usage

```js
import Filter from "kodobe-react-filter";

function App() {
  return (
    <div>
      <Filter
        clearbuttonprops={{ style: { color: "blue" } }}
        handleChange={(e) => console.log(e)}
        params={[
          {
            label: "Name",
            name: "name",
            type: "search",
            otherProps: {
              //   iconRight: "A",
              //   placeholder: "OOps",
            },
          },

          {
            label: "Gender",
            name: "gender",
            type: "select",
            options: [
              {
                title: "Male",
                value: "male",
              },
              {
                title: "Female",
                value: "female",
              },
              {
                title: "Others",
                value: "others",
              },
            ],
          },
          {
            label: "Subscription",
            name: "subscription",
            type: "select",
            options: [
              {
                title: "Freemium",
                value: "free",
              },
              {
                title: "Regular",
                value: "regular",
              },
              {
                title: "Premium",
                value: "premium",
              },
            ],
          },
        ]}
      />
    </div>
  );
}
```

## Options

- **params**: array,
- **handleChange**: function

---
_Source: https://npm.io/package/kodobe-react-filter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._