# atb-library

> ## Installation

Latest version **1.0.1** (published 2022-11-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install atb-library
pnpm add atb-library
yarn add atb-library
bun add atb-library
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2022-11-18 |
| First published | 2022-11-18 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 55.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Yaiza Vallejo Caro |
| Maintainers | adusvi |

## Links

- npm: https://www.npmjs.com/package/atb-library
- npm.io page: https://npm.io/package/atb-library

## Recent versions

- 1.0.1 (latest) — 2022-11-18
- 1.0.0 — 2022-11-18

## README

# Atb-Library

## Installation

`npm i react-forge-filter-properties`

## Import

```
import { useFilterProperties, FilterPropertiesContext, FilterCategoryItem } from "react-forge-filter-properties";
```

## Components

### FilterCategoryItem

```
return <FilterCategoryItem
        category={category}
        classNames={{container: "container-class",
                    checkbox: "checkbox-class",
                    colorPicker: "checkbox-colorPicker"}}>

```

### FilterPropertiesProvider

```
return <FilterPropertiesProvider viewer={viewer}>
          <Container />
        </FilterPropertiesProvider>
```

### useFilterProperties

```
const Example = () => {
    const { data, isLoading } = useFilterProperties(viewer, ["Area", "Volumen"]);

    if (isLoading) return <h1>Data loading...</h1>
    return (
        <div>
            {
                data.map((category) => (
                    <FilterCategoryItem category={category} />
                ))
            }
        </div>
    )
}
```

## How to use

app.js

```

```

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