# dynamic-checklist

> A dynamic checklist built in react

Latest version **2.0.9** (published 2024-05-09) · 0 weekly downloads

## Install

```sh
npm install dynamic-checklist
pnpm add dynamic-checklist
yarn add dynamic-checklist
bun add dynamic-checklist
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.9 |
| Published | 2024-05-09 |
| First published | 2022-12-28 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 11 |
| Unpacked size | 15.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Nate Johnson |
| Maintainers | nextdevup |
| Keywords | react, components, checklist |

## Links

- npm: https://www.npmjs.com/package/dynamic-checklist
- Repository: https://github.com/nextdevup/dynamic-checklist
- Homepage: https://github.com/nextdevup/dynamic-checklist#readme
- Issues: https://github.com/nextdevup/dynamic-checklist/issues
- npm.io page: https://npm.io/package/dynamic-checklist

## Dependencies (11)

- [cross-env](https://npm.io/package/cross-env.md) ^7.0.3
- [web-vitals](https://npm.io/package/web-vitals.md) ^2.1.4
- [@mui/material](https://npm.io/package/@mui/material.md) ^5.11.2
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.10.5
- [@babel/polyfill](https://npm.io/package/@babel/polyfill.md) ^7.12.1
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.10.5
- [babel-preset-react](https://npm.io/package/babel-preset-react.md) ^6.24.1
- [@mui/icons-material](https://npm.io/package/@mui/icons-material.md) ^5.14.13
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^13.4.0
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^5.16.5
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^13.5.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 2.0.9 (latest) — 2024-05-09
- 2.0.8 — 2024-05-09
- 2.0.7 — 2024-03-12
- 2.0.6 — 2024-02-28
- 2.0.5 — 2024-01-30
- 2.0.4 — 2024-01-08
- 2.0.3 — 2024-01-08
- 2.0.2 — 2024-01-08
- 2.0.1 — 2023-10-12
- 2.0.0 — 2023-10-12
- 1.0.1 — 2023-06-20
- 1.0.0 — 2022-12-28

## README

## Simple npm package for building dynamic checklists in React

### Install

Install using `npm install dynamic-checklist`

### Usage 

In a React app, import the ChecklistForm components:  
`import ChecklistForm from 'dynamic-checklist';`

Pass in the data for the component (see example below of the data file that can be used)

`import data from "./data-file.json";`

`<ChecklistForm ChecklistData={data} />`

#### Example of data for checklist

```
[
	{
		"label" : "Checkbox 1",
		"tooltipText" : "This initial checkbox will display since it has no dependent tags",
		"show" : ["test"]
	},
	{
		"label" : "Checkbox 2",
		"tooltipText": "This checkbox will be revealed once a checkbox is selected that has a \"Show\" value matching the tag below",
		"tags" : ["test"]
	}
]
```

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