# @vaadin/number-field > vaadin-number-field Latest version **25.2.12** (published 2026-09-17) · Apache-2.0 license · 0 weekly downloads ## Install ```sh npm install @vaadin/number-field pnpm add @vaadin/number-field yarn add @vaadin/number-field bun add @vaadin/number-field ``` ## Health **Score 65/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 25.2.12 | | Published | 2026-09-17 | | First published | 2021-08-24 | | Weekly downloads | 0 | | License | Apache-2.0 | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 7 | | Unpacked size | 145.2 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 582 | | Author | Vaadin Ltd | | Maintainers | web-padawan, diegocardoso, alvarezguille, platosha, jouni, manolo, yuriyyev, vaadin-owner, tomivirkki, artur-, sunzhewyq, sissbruecker | | Keywords | Vaadin, input, web-components, web-component | ## Links - npm: https://www.npmjs.com/package/@vaadin/number-field - Repository: https://github.com/vaadin/web-components - Homepage: https://vaadin.com/components - Issues: https://github.com/vaadin/web-components/issues - npm.io page: https://npm.io/package/@vaadin/number-field ## Dependencies (7) - [lit](https://npm.io/package/lit.md) ^3.0.0 - [@vaadin/a11y-base](https://npm.io/package/@vaadin/a11y-base.md) ~25.2.12 - [@vaadin/field-base](https://npm.io/package/@vaadin/field-base.md) ~25.2.12 - [@open-wc/dedupe-mixin](https://npm.io/package/@open-wc/dedupe-mixin.md) ^1.3.0 - [@vaadin/component-base](https://npm.io/package/@vaadin/component-base.md) ~25.2.12 - [@vaadin/input-container](https://npm.io/package/@vaadin/input-container.md) ~25.2.12 - [@vaadin/vaadin-themable-mixin](https://npm.io/package/@vaadin/vaadin-themable-mixin.md) ~25.2.12 ## Recent versions - 25.2.12 (latest) — 2026-09-17 - 25.3.0-rc1 (next) — 2026-09-16 - 25.3.0-dev.1fa5a51482 (dev-disable-dates) — 2026-07-25 - 24.4.0-dev.4b20a0c55.3 (canary) — 2024-03-22 - 25.3.0-beta3 — 2026-09-11 - 25.2.11 — 2026-09-11 - 25.1.14 — 2026-09-11 - 25.3.0-beta2 — 2026-09-07 - 23.6.6 — 2026-09-07 - 25.2.10 — 2026-09-03 - 25.1.13 — 2026-09-03 - 24.10.6 — 2026-09-03 - 24.9.18 — 2026-09-01 - 25.3.0-beta1 — 2026-08-31 - 25.2.9 — 2026-08-26 - … 640 more at https://npm.io/package/@vaadin/number-field/versions ## README

Vaadin logo

Vaadin web components

[Vaadin components](https://vaadin.com/components) is an evolving set of high-quality web components for business web applications. [![Build](https://github.com/vaadin/web-components/actions/workflows/coverage.yml/badge.svg)](https://github.com/vaadin/web-components/actions/workflows/coverage.yml) [![Follow on Twitter](https://img.shields.io/twitter/follow/vaadin.svg?label=follow+vaadin)](https://twitter.com/vaadin)
## Documentation Check out our [documentation and live examples](https://vaadin.com/docs/latest/components). ## Components This project contains components for Vaadin 20+. Please see individual repositories for older Vaadin versions. ### Core Components The components below are licensed under the Apache License 2.0. | Component | npm version (latest) | npm version (next) | Issues | | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | | [``](https://github.com/vaadin/web-components/tree/main/packages/accordion) | [![npm version](https://badgen.net/npm/v/@vaadin/accordion)](https://www.npmjs.com/package/@vaadin/accordion) | [![npm version](https://badgen.net/npm/v/@vaadin/accordion/next)](https://www.npmjs.com/package/@vaadin/accordion/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-accordion) | | [``](https://github.com/vaadin/web-components/tree/main/packages/app-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/app-layout)](https://www.npmjs.com/package/@vaadin/app-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/app-layout/next)](https://www.npmjs.com/package/@vaadin/app-layout/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-app-layout) | | [``](https://github.com/vaadin/web-components/tree/main/packages/avatar) | [![npm version](https://badgen.net/npm/v/@vaadin/avatar)](https://www.npmjs.com/package/@vaadin/avatar) | [![npm version](https://badgen.net/npm/v/@vaadin/avatar/next)](https://www.npmjs.com/package/@vaadin/avatar/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-avatar) | | [``](https://github.com/vaadin/web-components/tree/main/packages/avatar-group) | [![npm version](https://badgen.net/npm/v/@vaadin/avatar-group)](https://www.npmjs.com/package/@vaadin/avatar-group) | [![npm version](https://badgen.net/npm/v/@vaadin/avatar-group/next)](https://www.npmjs.com/package/@vaadin/avatar-group/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-avatar-group) | | [``](https://github.com/vaadin/web-components/tree/main/packages/badge) | [![npm version](https://badgen.net/npm/v/@vaadin/badge)](https://www.npmjs.com/package/@vaadin/badge) | [![npm version](https://badgen.net/npm/v/@vaadin/badge/next)](https://www.npmjs.com/package/@vaadin/badge/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-badge) | | [``](https://github.com/vaadin/web-components/tree/main/packages/breadcrumbs) | [![npm version](https://badgen.net/npm/v/@vaadin/breadcrumbs)](https://www.npmjs.com/package/@vaadin/breadcrumbs) | [![npm version](https://badgen.net/npm/v/@vaadin/breadcrumbs/next)](https://www.npmjs.com/package/@vaadin/breadcrumbs/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-breadcrumbs) | | [``](https://github.com/vaadin/web-components/tree/main/packages/button) | [![npm version](https://badgen.net/npm/v/@vaadin/button)](https://www.npmjs.com/package/@vaadin/button) | [![npm version](https://badgen.net/npm/v/@vaadin/button/next)](https://www.npmjs.com/package/@vaadin/button/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-button) | | [``](https://github.com/vaadin/web-components/tree/main/packages/card) | [![npm version](https://badgen.net/npm/v/@vaadin/card)](https://www.npmjs.com/package/@vaadin/card) | [![npm version](https://badgen.net/npm/v/@vaadin/card/next)](https://www.npmjs.com/package/@vaadin/card/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-card) | | [``](https://github.com/vaadin/web-components/tree/main/packages/checkbox) | [![npm version](https://badgen.net/npm/v/@vaadin/checkbox)](https://www.npmjs.com/package/@vaadin/checkbox) | [![npm version](https://badgen.net/npm/v/@vaadin/checkbox/next)](https://www.npmjs.com/package/@vaadin/checkbox/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-checkbox) | | [``](https://github.com/vaadin/web-components/tree/main/packages/checkbox-group) | [![npm version](https://badgen.net/npm/v/@vaadin/checkbox-group)](https://www.npmjs.com/package/@vaadin/checkbox-group) | [![npm version](https://badgen.net/npm/v/@vaadin/checkbox-group/next)](https://www.npmjs.com/package/@vaadin/checkbox-group/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-checkbox-group) | | [``](https://github.com/vaadin/web-components/tree/main/packages/combo-box) | [![npm version](https://badgen.net/npm/v/@vaadin/combo-box)](https://www.npmjs.com/package/@vaadin/combo-box) | [![npm version](https://badgen.net/npm/v/@vaadin/combo-box/next)](https://www.npmjs.com/package/@vaadin/combo-box/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-combo-box) | | [``](https://github.com/vaadin/web-components/tree/main/packages/confirm-dialog) | [![npm version](https://badgen.net/npm/v/@vaadin/confirm-dialog)](https://www.npmjs.com/package/@vaadin/confirm-dialog) | [![npm version](https://badgen.net/npm/v/@vaadin/confirm-dialog/next)](https://www.npmjs.com/package/@vaadin/confirm-dialog/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-confirm-dialog) | | [``](https://github.com/vaadin/web-components/tree/main/packages/context-menu) | [![npm version](https://badgen.net/npm/v/@vaadin/context-menu)](https://www.npmjs.com/package/@vaadin/context-menu) | [![npm version](https://badgen.net/npm/v/@vaadin/context-menu/next)](https://www.npmjs.com/package/@vaadin/context-menu/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-context-menu) | | [``](https://github.com/vaadin/web-components/tree/main/packages/custom-field) | [![npm version](https://badgen.net/npm/v/@vaadin/custom-field)](https://www.npmjs.com/package/@vaadin/custom-field) | [![npm version](https://badgen.net/npm/v/@vaadin/custom-field/next)](https://www.npmjs.com/package/@vaadin/custom-field/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-custom-field) | | [``](https://github.com/vaadin/web-components/tree/main/packages/date-picker) | [![npm version](https://badgen.net/npm/v/@vaadin/date-picker)](https://www.npmjs.com/package/@vaadin/date-picker) | [![npm version](https://badgen.net/npm/v/@vaadin/date-picker/next)](https://www.npmjs.com/package/@vaadin/date-picker/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-date-picker) | | [``](https://github.com/vaadin/web-components/tree/main/packages/date-time-picker) | [![npm version](https://badgen.net/npm/v/@vaadin/date-time-picker)](https://www.npmjs.com/package/@vaadin/date-time-picker) | [![npm version](https://badgen.net/npm/v/@vaadin/date-time-picker/next)](https://www.npmjs.com/package/@vaadin/date-time-picker/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-date-time-picker) | | [``](https://github.com/vaadin/web-components/tree/main/packages/details) | [![npm version](https://badgen.net/npm/v/@vaadin/details)](https://www.npmjs.com/package/@vaadin/details) | [![npm version](https://badgen.net/npm/v/@vaadin/details/next)](https://www.npmjs.com/package/@vaadin/details/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-details) | | [``](https://github.com/vaadin/web-components/tree/main/packages/dialog) | [![npm version](https://badgen.net/npm/v/@vaadin/dialog)](https://www.npmjs.com/package/@vaadin/dialog) | [![npm version](https://badgen.net/npm/v/@vaadin/dialog/next)](https://www.npmjs.com/package/@vaadin/dialog/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-dialog) | | [``](https://github.com/vaadin/web-components/tree/main/packages/email-field) | [![npm version](https://badgen.net/npm/v/@vaadin/email-field)](https://www.npmjs.com/package/@vaadin/email-field) | [![npm version](https://badgen.net/npm/v/@vaadin/email-field/next)](https://www.npmjs.com/package/@vaadin/email-field/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-email-field) | | [``](https://github.com/vaadin/web-components/tree/main/packages/form-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/form-layout)](https://www.npmjs.com/package/@vaadin/form-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/form-layout/next)](https://www.npmjs.com/package/@vaadin/form-layout/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-form-layout) | | [``](https://github.com/vaadin/web-components/tree/main/packages/grid) | [![npm version](https://badgen.net/npm/v/@vaadin/grid)](https://www.npmjs.com/package/@vaadin/grid) | [![npm version](https://badgen.net/npm/v/@vaadin/grid/next)](https://www.npmjs.com/package/@vaadin/grid/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-grid) | | [``](https://github.com/vaadin/web-components/tree/main/packages/horizontal-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/horizontal-layout)](https://www.npmjs.com/package/@vaadin/horizontal-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/horizontal-layout/next)](https://www.npmjs.com/package/@vaadin/horizontal-layout/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-horizontal-layout) | | [``](https://github.com/vaadin/web-components/tree/main/packages/icon) | [![npm version](https://badgen.net/npm/v/@vaadin/icon)](https://www.npmjs.com/package/@vaadin/icon) | [![npm version](https://badgen.net/npm/v/@vaadin/icon/next)](https://www.npmjs.com/package/@vaadin/icon/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-icon) | | [``](https://github.com/vaadin/web-components/tree/main/packages/icons) | [![npm version](https://badgen.net/npm/v/@vaadin/icons)](https://www.npmjs.com/package/@vaadin/icons) | [![npm version](https://badgen.net/npm/v/@vaadin/icons/next)](https://www.npmjs.com/package/@vaadin/icons/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-icons) | | [``](https://github.com/vaadin/web-components/tree/main/packages/integer-field) | [![npm version](https://badgen.net/npm/v/@vaadin/integer-field)](https://www.npmjs.com/package/@vaadin/integer-field) | [![npm version](https://badgen.net/npm/v/@vaadin/integer-field/next)](https://www.npmjs.com/package/@vaadin/integer-field/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-integer-field) | | [``](https://github.com/vaadin/web-components/tree/main/packages/item) | [![npm version](https://badgen.net/npm/v/@vaadin/item)](https://www.npmjs.com/package/@vaadin/item) | [![npm version](https://badgen.net/npm/v/@vaadin/item/next)](https://www.npmjs.com/package/@vaadin/item/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-item) | | [``](https://github.com/vaadin/web-components/tree/main/packages/list-box) | [![npm version](https://badgen.net/npm/v/@vaadin/list-box)](https://www.npmjs.com/package/@vaadin/list-box) | [![npm version](https://badgen.net/npm/v/@vaadin/list-box/next)](https://www.npmjs.com/package/@vaadin/list-box/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-list-box) | | [``](https://github.com/vaadin/web-components/tree/main/packages/login) | [![npm version](https://badgen.net/npm/v/@vaadin/login)](https://www.npmjs.com/package/@vaadin/login) | [![npm version](https://badgen.net/npm/v/@vaadin/login/next)](https://www.npmjs.com/package/@vaadin/login/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-login) | | [``](https://github.com/vaadin/web-components/tree/main/packages/markdown) | [![npm version](https://badgen.net/npm/v/@vaadin/markdown)](https://www.npmjs.com/package/@vaadin/markdown) | [![npm version](https://badgen.net/npm/v/@vaadin/markdown/next)](https://www.npmjs.com/package/@vaadin/markdown/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-markdown) | | [``](https://github.com/vaadin/web-components/tree/main/packages/master-detail-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/master-detail-layout)](https://www.npmjs.com/package/@vaadin/master-detail-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/master-detail-layout/next)](https://www.npmjs.com/package/@vaadin/master-detail-layout/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-master-detail-layout) | | [``](https://github.com/vaadin/web-components/tree/main/packages/menu-bar) | [![npm version](https://badgen.net/npm/v/@vaadin/menu-bar)](https://www.npmjs.com/package/@vaadin/menu-bar) | [![npm version](https://badgen.net/npm/v/@vaadin/menu-bar/next)](https://www.npmjs.com/package/@vaadin/menu-bar/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-menu-bar) | | [``](https://github.com/vaadin/web-components/tree/main/packages/message-input) | [![npm version](https://badgen.net/npm/v/@vaadin/message-input)](https://www.npmjs.com/package/@vaadin/message-input) | [![npm version](https://badgen.net/npm/v/@vaadin/message-input/next)](https://www.npmjs.com/package/@vaadin/message-input/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-message-input) | | [``](https://github.com/vaadin/web-components/tree/main/packages/message-list) | [![npm version](https://badgen.net/npm/v/@vaadin/message-list)](https://www.npmjs.com/package/@vaadin/message-list) | [![npm version](https://badgen.net/npm/v/@vaadin/message-list/next)](https://www.npmjs.com/package/@vaadin/message-list/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-message-list) | | [``](https://github.com/vaadin/web-components/tree/main/packages/multi-select-combo-box) | [![npm version](https://badgen.net/npm/v/@vaadin/multi-select-combo-box)](https://www.npmjs.com/package/@vaadin/multi-select-combo-box) | [![npm version](https://badgen.net/npm/v/@vaadin/multi-select-combo-box/next)](https://www.npmjs.com/package/@vaadin/multi-select-combo-box/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-multi-select-combo-box) | | [``](https://github.com/vaadin/web-components/tree/main/packages/notification) | [![npm version](https://badgen.net/npm/v/@vaadin/notification)](https://www.npmjs.com/package/@vaadin/notification) | [![npm version](https://badgen.net/npm/v/@vaadin/notification/next)](https://www.npmjs.com/package/@vaadin/notification/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-notification) | | [``](https://github.com/vaadin/web-components/tree/main/packages/number-field) | [![npm version](https://badgen.net/npm/v/@vaadin/number-field)](https://www.npmjs.com/package/@vaadin/number-field) | [![npm version](https://badgen.net/npm/v/@vaadin/number-field/next)](https://www.npmjs.com/package/@vaadin/number-field/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-number-field) | | [``](https://github.com/vaadin/web-components/tree/main/packages/password-field) | [![npm version](https://badgen.net/npm/v/@vaadin/password-field)](https://www.npmjs.com/package/@vaadin/password-field) | [![npm version](https://badgen.net/npm/v/@vaadin/password-field/next)](https://www.npmjs.com/package/@vaadin/password-field/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-password-field) | | [``](https://github.com/vaadin/web-components/tree/main/packages/popover) | [![npm version](https://badgen.net/npm/v/@vaadin/popover)](https://www.npmjs.com/package/@vaadin/popover) | [![npm version](https://badgen.net/npm/v/@vaadin/popover/next)](https://www.npmjs.com/package/@vaadin/popover/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-popover) | | [``](https://github.com/vaadin/web-components/tree/main/packages/progress-bar) | [![npm version](https://badgen.net/npm/v/@vaadin/progress-bar)](https://www.npmjs.com/package/@vaadin/progress-bar) | [![npm version](https://badgen.net/npm/v/@vaadin/progress-bar/next)](https://www.npmjs.com/package/@vaadin/progress-bar/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-progress-bar) | | [``](https://github.com/vaadin/web-components/tree/main/packages/radio-group) | [![npm version](https://badgen.net/npm/v/@vaadin/radio-group)](https://www.npmjs.com/package/@vaadin/radio-group) | [![npm version](https://badgen.net/npm/v/@vaadin/radio-group/next)](https://www.npmjs.com/package/@vaadin/radio-group/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-radio-group) | | [``](https://github.com/vaadin/web-components/tree/main/packages/scroller) | [![npm version](https://badgen.net/npm/v/@vaadin/scroller)](https://www.npmjs.com/package/@vaadin/scroller) | [![npm version](https://badgen.net/npm/v/@vaadin/scroller/next)](https://www.npmjs.com/package/@vaadin/scroller/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-scroller) | | [``](https://github.com/vaadin/web-components/tree/main/packages/select) | [![npm version](https://badgen.net/npm/v/@vaadin/select)](https://www.npmjs.com/package/@vaadin/select) | [![npm version](https://badgen.net/npm/v/@vaadin/select/next)](https://www.npmjs.com/package/@vaadin/select/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-select) | | [``](https://github.com/vaadin/web-components/tree/main/packages/side-nav) | [![npm version](https://badgen.net/npm/v/@vaadin/side-nav)](https://www.npmjs.com/package/@vaadin/side-nav) | [![npm version](https://badgen.net/npm/v/@vaadin/side-nav/next)](https://www.npmjs.com/package/@vaadin/side-nav/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-side-nav) | | [``](https://github.com/vaadin/web-components/tree/main/packages/slider) | [![npm version](https://badgen.net/npm/v/@vaadin/slider)](https://www.npmjs.com/package/@vaadin/slider) | [![npm version](https://badgen.net/npm/v/@vaadin/slider/next)](https://www.npmjs.com/package/@vaadin/slider/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-slider) | | [``](https://github.com/vaadin/web-components/tree/main/packages/split-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/split-layout)](https://www.npmjs.com/package/@vaadin/split-layout) | [![npm version](https://badgen.net/npm/v/@vaadin/split-layout/next)](https://www.npmjs.com/package/@vaadin/split-layout/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-split-layout) | | [``](https://github.com/vaadin/web-components/tree/main/packages/switch) | [![npm version](https://badgen.net/npm/v/@vaadin/switch)](https://www.npmjs.com/package/@vaadin/switch) | [![npm version](https://badgen.net/npm/v/@vaadin/switch/next)](https://www.npmjs.com/package/@vaadin/switch/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-switch) | | [``](https://github.com/vaadin/web-components/tree/main/packages/tabs) | [![npm version](https://badgen.net/npm/v/@vaadin/tabs)](https://www.npmjs.com/package/@vaadin/tabs) | [![npm version](https://badgen.net/npm/v/@vaadin/tabs/next)](https://www.npmjs.com/package/@vaadin/tabs/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-tabs) | | [``](https://github.com/vaadin/web-components/tree/main/packages/tabsheet) | [![npm version](https://badgen.net/npm/v/@vaadin/tabsheet)](https://www.npmjs.com/package/@vaadin/tabsheet) | [![npm version](https://badgen.net/npm/v/@vaadin/tabsheet/next)](https://www.npmjs.com/package/@vaadin/tabsheet/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-tabsheet) | | [``](https://github.com/vaadin/web-components/tree/main/packages/text-area) | [![npm version](https://badgen.net/npm/v/@vaadin/text-area)](https://www.npmjs.com/package/@vaadin/text-area) | [![npm version](https://badgen.net/npm/v/@vaadin/text-area/next)](https://www.npmjs.com/package/@vaadin/text-area/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-text-area) | | [``](https://github.com/vaadin/web-components/tree/main/packages/text-field) | [![npm version](https://badgen.net/npm/v/@vaadin/text-field)](https://www.npmjs.com/package/@vaadin/text-field) | [![npm version](https://badgen.net/npm/v/@vaadin/text-field/next)](https://www.npmjs.com/package/@vaadin/text-field/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-text-field) | | [``](https://github.com/vaadin/web-components/tree/main/packages/time-picker) | [![npm version](https://badgen.net/npm/v/@vaadin/time-picker)](https://www.npmjs.com/package/@vaadin/time-picker) | [![npm version](https://badgen.net/npm/v/@vaadin/time-picker/next)](https://www.npmjs.com/package/@vaadin/time-picker/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-time-picker) | | [``](https://github.com/vaadin/web-components/tree/main/packages/tooltip) | [![npm version](https://badgen.net/npm/v/@vaadin/tooltip)](https://www.npmjs.com/package/@vaadin/tooltip) | [![npm version](https://badgen.net/npm/v/@vaadin/tooltip/next)](https://www.npmjs.com/package/@vaadin/tooltip/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-tooltip) | | [``](https://github.com/vaadin/web-components/tree/main/packages/upload) | [![npm version](https://badgen.net/npm/v/@vaadin/upload)](https://www.npmjs.com/package/@vaadin/upload) | [![npm version](https://badgen.net/npm/v/@vaadin/upload/next)](https://www.npmjs.com/package/@vaadin/upload/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-upload) | | [``](https://github.com/vaadin/web-components/tree/main/packages/virtual-list) | [![npm version](https://badgen.net/npm/v/@vaadin/virtual-list)](https://www.npmjs.com/package/@vaadin/virtual-list) | [![npm version](https://badgen.net/npm/v/@vaadin/virtual-list/next)](https://www.npmjs.com/package/@vaadin/virtual-list/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-virtual-list) | ### Pro Components The components below are licensed under [Vaadin Commercial License and Service Terms](https://vaadin.com/commercial-license-and-service-terms) and available as part of the [Vaadin Pro Subscription](https://vaadin.com/pricing). | Component | npm version (latest) | npm version (next) | Issues | | ----------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- | | [``](https://github.com/vaadin/web-components/tree/main/packages/board) | [![npm version](https://badgen.net/npm/v/@vaadin/board)](https://www.npmjs.com/package/@vaadin/board) | [![npm version](https://badgen.net/npm/v/@vaadin/board/next)](https://www.npmjs.com/package/@vaadin/board/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-board) | | [``](https://github.com/vaadin/web-components/tree/main/packages/charts) | [![npm version](https://badgen.net/npm/v/@vaadin/charts)](https://www.npmjs.com/package/@vaadin/charts) | [![npm version](https://badgen.net/npm/v/@vaadin/charts/next)](https://www.npmjs.com/package/@vaadin/charts/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-charts) | | [``](https://github.com/vaadin/web-components/tree/main/packages/crud) | [![npm version](https://badgen.net/npm/v/@vaadin/crud)](https://www.npmjs.com/package/@vaadin/crud) | [![npm version](https://badgen.net/npm/v/@vaadin/crud/next)](https://www.npmjs.com/package/@vaadin/crud/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-crud) | | [``](https://github.com/vaadin/web-components/tree/main/packages/dashboard) | [![npm version](https://badgen.net/npm/v/@vaadin/dashboard)](https://www.npmjs.com/package/@vaadin/dashboard) | [![npm version](https://badgen.net/npm/v/@vaadin/dashboard/next)](https://www.npmjs.com/package/@vaadin/dashboard/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-dashboard) | | [``](https://github.com/vaadin/web-components/tree/main/packages/grid-pro) | [![npm version](https://badgen.net/npm/v/@vaadin/grid-pro)](https://www.npmjs.com/package/@vaadin/grid-pro) | [![npm version](https://badgen.net/npm/v/@vaadin/grid-pro/next)](https://www.npmjs.com/package/@vaadin/grid-pro/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-grid-pro) | | [``](https://github.com/vaadin/web-components/tree/main/packages/map) | [![npm version](https://badgen.net/npm/v/@vaadin/map)](https://www.npmjs.com/package/@vaadin/map) | [![npm version](https://badgen.net/npm/v/@vaadin/map/next)](https://www.npmjs.com/package/@vaadin/map/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-map) | | [``](https://github.com/vaadin/web-components/tree/main/packages/rich-text-editor) | [![npm version](https://badgen.net/npm/v/@vaadin/rich-text-editor)](https://www.npmjs.com/package/@vaadin/rich-text-editor) | [![npm version](https://badgen.net/npm/v/@vaadin/rich-text-editor/next)](https://www.npmjs.com/package/@vaadin/rich-text-editor/v/next) | [Issues](https://github.com/vaadin/web-components/labels/vaadin-rich-text-editor) | ## Browser support **Desktop:** - Chrome (evergreen) - Firefox (evergreen) - Safari 17 or newer - Edge (Chromium, evergreen) **Mobile:** - Chrome (evergreen) for Android (4.4 or newer) - Safari for iOS (17 or newer) ## Examples Are you looking for an example project to get started? Visit [start.vaadin.com](https://start.vaadin.com) to create a Vaadin app. ## Questions For help and support questions, please use [Vaadin Forum](https://vaadin.com/forum/). ## 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. ## Development See [the Development guide](DEVELOPMENT.md) for how to set up and develop this project locally. ## LICENSE For specific package(s), check the LICENSE file under the package folder. --- _Source: https://npm.io/package/@vaadin/number-field · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._