JarCasting
JarCasting JarCasting

@fooloomanzoo/number-input

WebJar for @fooloomanzoo/number-input

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

fooloomanzoo__number-input
Последняя версия

Последняя версия

3.0.10
Дата

Дата
Тип

Тип

jar
Описание

Описание

@fooloomanzoo/number-input
WebJar for @fooloomanzoo/number-input
Ссылка на сайт

Ссылка на сайт

https://www.webjars.org
Система контроля версий

Система контроля версий

https://github.com/fooloomanzoo/number-input

Скачать fooloomanzoo__number-input

Имя Файла Размер
fooloomanzoo__number-input-3.0.10.pom
fooloomanzoo__number-input-3.0.10.jar 192 KB
fooloomanzoo__number-input-3.0.10-sources.jar 22 bytes
fooloomanzoo__number-input-3.0.10-javadoc.jar 22 bytes
Обзор

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.npm/fooloomanzoo__number-input/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>fooloomanzoo__number-input</artifactId>
    <version>3.0.10</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/fooloomanzoo__number-input/
implementation 'org.webjars.npm:fooloomanzoo__number-input:3.0.10'
// https://jarcasting.com/artifacts/org.webjars.npm/fooloomanzoo__number-input/
implementation ("org.webjars.npm:fooloomanzoo__number-input:3.0.10")
'org.webjars.npm:fooloomanzoo__number-input:jar:3.0.10'
<dependency org="org.webjars.npm" name="fooloomanzoo__number-input" rev="3.0.10">
  <artifact name="fooloomanzoo__number-input" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='fooloomanzoo__number-input', version='3.0.10')
)
libraryDependencies += "org.webjars.npm" % "fooloomanzoo__number-input" % "3.0.10"
[org.webjars.npm/fooloomanzoo__number-input "3.0.10"]

Зависимости

compile (3)

Идентификатор библиотеки Тип Версия
org.webjars.npm : fooloomanzoo__input-picker-pattern jar [3.0.10,4)
org.webjars.npm : fooloomanzoo__property-mixins jar [3.0.9,4)
org.webjars.npm : polymer__polymer jar [3.0.0,4)

Модули Проекта

Данный проект не имеет модулей.

Published on NPM Published on webcomponents.org

API & Demo

<number-input>

An input for numeric values.

Motivation

The normal input with type="number" is fairly good to use, but it has some flaws, because it should if wanted e.g.:

  • prevent non numeric input
  • guarantee live-data to be valid
  • use the local decimal separator
  • pad a value with 0 (to a specific length)
  • size the input (according to it's length)
  • overflow to minimum or underflow to maximum
  • saturate to minimum or to maximum
  • display a specified unit
  • display a specified currencies
  • can use percentage values and do have automatically the correct decimal value

This element wants to achieve that, by using the Intl.NumberFormat API. A more simpler element <integer-input> just uses integer values and doesn't use units or percent values.

img

Example

<span>using units: </span><number-input min="-150" step="0.15" max="300" pad-length="3" default="15" unit="°C"></number-input><br>
<span>in percent: </span><number-input min="-1" step="0.15" max="3" start-at="1" default="1" number-style="percent"></number-input><br>
<span>using currencies: </span><number-input min="0" step="0.01" always-sign start-at="1000" default="1000" use-grouping number-style="currency" currency="EUR"></number-input><br>
<span>as integer: </span><integer-input min="-150" step="15" max="300" default="15"></integer-input>

Styling

Have a look at input-picker-pattern#input-shared-style to see how to style the element.

Installation

npm i @fooloomanzoo/number-input

License

MIT

Версии библиотеки

Версия
3.0.10