wakaba/html-unit-number

unit-number 要素 (HTML)

[2] unit-number は単位付きの数値を表す HTML カスタム要素です。

[1] wakaba/html-unit-number () https://github.com/wakaba/html-unit-number

[3] 数値、単位、その全体をそれぞれ要素として表します。 それぞれの色や大きさ、フォント、間のアキの大きさなどは CSS で制御できます。

[4] JavaScript で数値型の値を設定して、 自動的に数値と単位を設定させることができます。 km と m のように、適切な大きさの単位を自動選択させられます。 (表示用の単位付きの値の整形をアプリケーションロジックから分離できます。)

[5] 長さ、高さはメートル法 (m, km) とヤードポンド法 (フィート, マイル) のどちらかを選べます。 自動的に換算するので、アプリケーションはメートル法だけで実装できます。

[6] html-page-components の $fill とも組み合わせて使えます。