Angular フォームライブラリ | ng-hub-ui-forms

アクセシブルな Angular フォームフィールド(input、textarea、slider、select、datepicker)。コントロール/グループ/フォーム単位のエラーを自動表示し、リアクティブフォームと CSS 変数に対応します。

インタラクティブなサンプル

一般的な Angular のユースケースでライブラリがどのように動作するかを示すライブサンプルをご覧ください。

テキストフィールド & 自動エラー

We'll never share it.

数値、カウンター、カラー、スイッチ、チェックボックス

入力グループ、ファイル & フローティングラベル

$.00
@
No file selected

パターンマスク(カード、IBAN、電話、日付)

Form value: { "card": "", "expiry": "", "iban": "", "phone": "", "date": "" }

ワンタイムコード(OTP)入力

Paste the 6-digit code we sent you.

Form value: { "code": "", "pin": "", "coupon": "" }

カウンター & 自動リサイズ付きテキストエリア

0 / 160
Grows as you type.

Slider & デュアルサムレンジ

Dual-thumb range.

選択 & 複数選択

Select a country
Pick some tags

グループ化オプション

Select a city

オプション/ラベルのカスタムテンプレート

Pick a teammate

ボタン、ラジオ & チェックボックス形式

Datepicker & 範囲

No future dates.
Date range.

コンテナ & フィールド間エラー

Password