# dile-password-checker

> Webcomponent dile-password-checker

Latest version **1.0.0** (published 2022-10-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install dile-password-checker
pnpm add dile-password-checker
yarn add dile-password-checker
bun add dile-password-checker
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2022-10-17 |
| First published | 2022-10-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 5.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | dile-password-checker |
| Maintainers | jsmartlp |

## Links

- npm: https://www.npmjs.com/package/dile-password-checker
- npm.io page: https://npm.io/package/dile-password-checker

## Dependencies (3)

- [lit-html](https://npm.io/package/lit-html.md) ^1.0.0
- [lit-element](https://npm.io/package/lit-element.md) ^2.0.0
- [@dile/dile-input](https://npm.io/package/@dile/dile-input.md) ^1.0.0

## Recent versions

- 1.0.0 (latest) — 2022-10-17

## README

# dile-password-checker

Password checker component, based on LitElement.

```
        <dile-password-checker
          label="Write the password:"
          button-label="Show/hide"
          validate-label="Validate">
        </dile-password-checker>
```

## Install

```
npm install dile-password-checker
```

## Usage

Import the component.

```javascript
import 'dile-password-checker/dile-password-checker.js';
```

Use the component

```html
    <dile-password-checker
        label="Write the password:"
        button-label="Show/hide"
        validate-label="Validate">
    </dile-password-checker>
```

## Properties

- **label**: the element label
- **buttonLabel**: label for button show/hide
- **validateLabel**: label for button validate
- **hidePassword**: Flag to know if the inputs should hide the passwords
- **error**: on true, the element has an error

## Events

### dile-password-checker-error

The `dile-password-checker-error` event is dispatched when passwords do not match.

```
el.addEventListener('dile-password-checker-error', (e) => {
  console.log('dile-password-checker-error event');
});
```

### dile-password-checker-validate

The `dile-password-checker-validate` event is dispatched when passwords match.

```
el.addEventListener('dile-password-checker-validate', (e) => {
  console.log('dile-password-checker-validate event');
});
```

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