# @triptyk/tpk-ember-checkbox

> This addon will give you a simple checkbox alternative in TailwindCSS with Ember

Latest version **0.0.2** (published 2022-02-04) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @triptyk/tpk-ember-checkbox
pnpm add @triptyk/tpk-ember-checkbox
yarn add @triptyk/tpk-ember-checkbox
bun add @triptyk/tpk-ember-checkbox
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2022-02-04 |
| First published | 2022-02-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | 12.* \|\| 14.* \|\| >= 16 |
| Dependencies | 7 |
| Unpacked size | 11.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Triptyk |
| Maintainers | remadex, tcdp, khytes, amauryd |
| Keywords | ember-addon, checkbox, ember, focus-trap, TailwindCSS |

## Links

- npm: https://www.npmjs.com/package/@triptyk/tpk-ember-checkbox
- npm.io page: https://npm.io/package/@triptyk/tpk-ember-checkbox

## Dependencies (7)

- [focus-trap](https://npm.io/package/focus-trap.md) ^6.7.2
- [ember-modifier](https://npm.io/package/ember-modifier.md) ^3.1.0
- [ember-cli-babel](https://npm.io/package/ember-cli-babel.md) ^7.26.11
- [ember-auto-import](https://npm.io/package/ember-auto-import.md) ^2.4.0
- [ember-cli-htmlbars](https://npm.io/package/ember-cli-htmlbars.md) ^6.0.1
- [ember-cli-typescript](https://npm.io/package/ember-cli-typescript.md) ^4.2.1
- [@ember/render-modifiers](https://npm.io/package/@ember/render-modifiers.md) ^2.0.4

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 0.0.2 (latest) — 2022-02-04
- 0.0.1 — 2022-02-04

## README

tpk-ember-checkbox
==============================================================================

This addon will give you a simple checkbox alternative in TailwindCSS


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.20 or above
* Ember CLI v3.20 or above
* Node.js v12 or above
* You need tailwind v2 or above to use this simple checkbox


Installation
------------------------------------------------------------------------------

```zsh
ember install @triptyk/tpk-ember-checkbox
```
OR
```zsh
pnpm add -D @triptyk/tpk-ember-checkbox
```


Usage
------------------------------------------------------------------------------

#### Integration example 

Template .hbs
```hbs
<Ui::Checkbox
  @label="RGPD ?"
  @checked={{this.checked}}
  @updateValue={{this.setValue}}
  @value={{this.value}}
  @name="rgpd"
  @imageUrl='/assets/icons/check.svg'
  @containerStyle=""
  @checkboxStyle=""
  @labelStyle=""
/>
```

Controller .ts/.js
```js
@tracked value = '';

@tracked checked: boolean = false;
value: string = 'rgpd';

@action
setChecked(checked: boolean) {
  this.checked = checked;
}
```

Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.
You can also contact info@triptyk for more informations on how contributing on this project.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).

---
_Source: https://npm.io/package/@triptyk/tpk-ember-checkbox · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._