# @scoped-vaadin/login

> vaadin-login

Latest version **24.8.7** (published 2025-09-05) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @scoped-vaadin/login
pnpm add @scoped-vaadin/login
yarn add @scoped-vaadin/login
bun add @scoped-vaadin/login
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 24.8.7 |
| Published | 2025-09-05 |
| First published | 2023-03-01 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 12 |
| Unpacked size | 121.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Vaadin Ltd |
| Maintainers | robrez |
| Keywords | Vaadin, vaadin-login, web-components, web-component, polymer |

## Links

- npm: https://www.npmjs.com/package/@scoped-vaadin/login
- Repository: https://github.com/robrez/scoped-vaadin
- Homepage: https://vaadin.com/components
- Issues: https://github.com/robrez/scoped-vaadin/issues
- npm.io page: https://npm.io/package/@scoped-vaadin/login

## Dependencies (12)

- [lit](https://npm.io/package/lit.md) ^3.0.0
- [@polymer/polymer](https://npm.io/package/@polymer/polymer.md) ^3.0.0
- [@open-wc/dedupe-mixin](https://npm.io/package/@open-wc/dedupe-mixin.md) ^1.3.0
- [@scoped-vaadin/button](https://npm.io/package/@scoped-vaadin/button.md) ^24.8.7
- [@scoped-vaadin/overlay](https://npm.io/package/@scoped-vaadin/overlay.md) ^24.8.7
- [@scoped-vaadin/text-field](https://npm.io/package/@scoped-vaadin/text-field.md) ^24.8.7
- [@scoped-vaadin/component-base](https://npm.io/package/@scoped-vaadin/component-base.md) ^24.8.7
- [@scoped-vaadin/password-field](https://npm.io/package/@scoped-vaadin/password-field.md) ^24.8.7
- [@scoped-vaadin/vaadin-lumo-styles](https://npm.io/package/@scoped-vaadin/vaadin-lumo-styles.md) ^24.8.7
- [@scoped-vaadin/vaadin-themable-mixin](https://npm.io/package/@scoped-vaadin/vaadin-themable-mixin.md) ^24.8.7
- [@scoped-vaadin/vaadin-material-styles](https://npm.io/package/@scoped-vaadin/vaadin-material-styles.md) ^24.8.7
- [@scoped-vaadin/internal-custom-elements-registry](https://npm.io/package/@scoped-vaadin/internal-custom-elements-registry.md) ^24.8.7

## Alternatives

- [cli-color](https://npm.io/package/cli-color.md) — 3.4M weekly downloads
- [log](https://npm.io/package/log.md) — 1.3M weekly downloads
- [logstash-client](https://npm.io/package/logstash-client.md) — 4.5K weekly downloads
- [@nocobase/plugin-logger](https://npm.io/package/@nocobase/plugin-logger.md) — 2.0K weekly downloads
- [child-process-debug](https://npm.io/package/child-process-debug.md) — 695 weekly downloads

## Recent versions

- 24.8.7 (latest) — 2025-09-05
- 24.8.6-alpha.1 — 2025-09-05
- 24.6.2 — 2025-01-17
- 24.6.2-alpha.1 — 2025-01-14
- 23.4.100 — 2024-09-03
- 23.4.1-litcompat.0 — 2024-09-03
- 24.4.2-alpha.1 — 2024-07-11
- 23.4.1 — 2024-05-23
- 23.0.2 — 2024-05-23
- 23.0.2-rc.1 — 2024-03-14
- 24.3.7-alpha.1 — 2024-03-08
- 24.0.0-alpha.1 — 2023-03-14
- 23.0.1 — 2023-03-09
- 23.0.0 — 2023-03-09
- 0.2.0 — 2023-03-02
- … 1 more at https://npm.io/package/@scoped-vaadin/login/versions

## README

# @scoped-vaadin/login

This component is based on [@vaadin/login](https://www.npmjs.com/package/@vaadin/login)

A web component for displaying a login form, either inline, or as an overlay.

[Documentation + Live Demo ↗](https://vaadin.com/docs/latest/components/login)

[![npm version](https://badgen.net/npm/v/@scoped-vaadin/login)](https://www.npmjs.com/package/@scoped-vaadin/login)

```html
<vaadin24-login-overlay opened></vaadin24-login-overlay>
```

[<img src="https://raw.githubusercontent.com/vaadin/web-components/main/packages/login/screenshot.png" width="456" alt="Screenshot of vaadin-login-overlay">](https://vaadin.com/docs/latest/components/login)

## Installation

Install the component:

```sh
npm i @scoped-vaadin/login
```

Once installed, import the component in your application:

```js
import '@scoped-vaadin/login';
```

## Themes

Vaadin components come with two built-in [themes](https://vaadin.com/docs/latest/styling), Lumo and Material.
The [main entrypoint](https://github.com/vaadin/web-components/blob/main/packages/list-box/vaadin-list-box.js) of the package uses Lumo theme.

To use the Material theme, import the components from the `theme/material` folder:

```js
import '@scoped-vaadin/login/theme/material/vaadin-login-overlay.js';
import '@scoped-vaadin/login/theme/material/vaadin-login-form.js';
```

You can also import the Lumo version of the components explicitly:

```js
import '@scoped-vaadin/login/theme/lumo/vaadin-login-overlay.js';
import '@scoped-vaadin/login/theme/lumo/vaadin-login-form.js';
```

Finally, you can import the un-themed components from the `src` folder to get a minimal starting point:

```js
import '@scoped-vaadin/login/src/vaadin-login-overlay.js';
import '@scoped-vaadin/login/src/vaadin-login-form.js';
```

## Contributing

Read the [contributing guide](https://vaadin.com/docs/latest/contributing) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.

## License

Apache License 2.0

Vaadin collects usage statistics at development time to improve this product.
For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.

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