コンポーネント

複数のバリアント（primary、secondary、ghost）とサイズ（sm、md、lg）を備えた汎用ボタンコンポーネント。 アイコン、ローディング状態に対応し、リンクやフォームボタンとして...

ラベル、ヒントテキスト、エラー状態を備えた汎用テキスト入力コンポーネント。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 サイズ、必須/無...

オプションの自動リサイズ機能を備えた複数行テキスト入力コンポーネント。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 ラベル、ヒントテキス...

ラベル、ヒントテキスト、エラー状態を備えたネイティブセレクトドロップダウンコンポーネント。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 ...

ラベルとオプションの説明テキストを備えた単一チェックボックス入力。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 エラー状態や無効化スタイ...

複数の選択肢から単一のオプションを選択するためのラジオボタン入力グループ。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 各オプションに説...

リストから複数のオプションを選択するためのチェックボックス入力グループ。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 各オプションに説明...

ビュー、フィルター、モードの切り替えのためのトグルボタンの行。 単一選択（ラジオ風）と複数選択（チェックボックス風）モードに対応し、 矢印キーによる完全なキーボードナビゲーションを備えています。

ブーリアンのオン/オフ状態を切り替えるトグルスイッチコントロール。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 ラベル、説明、複数サイズ...

アイコン、テキスト、ボタンのオプションの前置・後置アドオンを備えたテキスト入力。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 アドオンは...

プレビュー機能付きのドラッグ＆ドロップファイルアップロードコンポーネント。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 画像にはファイル...

キーボードナビゲーション付きの検索可能なセレクトドロップダウンコンポーネント。 フォームビルダーモード（Railsフォームオブジェクト利用）とスタンドアロンの両方に対応しています。 入力によるオ...

増減ボタン、最小/最大制約、ステップサイズを備えた数値入力。 ネイティブのnumber入力より優れたUXを提供し、ブラウザ間で一貫したスタイリングを実現します。 プレフィックス/サフィックステキ...

ドラッグ可能なハンドルによる数値選択。単一値と範囲（2つのハンドル）モード、 ステップマーク、ライブ値表示に対応しています。スタンドアロンまたは Railsフォーム内でhidden入力を使用して...

認証コードやOTP入力のための単一文字入力の連続。 入力時にフォーカスが自動的に次へ移動し、貼り付けで全フィールドを一括入力でき、 バックスペースで入力間を移動できます。フォーム送信のためにすべ...

値が入力されると削除可能なタグ/チップを作成するテキスト入力。 バリデーション、最大タグ数制限、オートコンプリート候補に対応しています。 Enterキー、カンマ区切り、またはカスタム区切り文字で...

星（またはカスタムアイコン）によるレーティング入力。半星精度、読み取り専用表示モード、 カスタムアイコン形状に対応しています。ホバープレビューとキーボードナビゲーションを備えています。 スタンド...

表示切り替え、強度メーター、要件チェックリストを備えたパスワード入力。 目のアイコンでパスワードの表示/非表示を切り替え、オプションの色分け強度バー、 リアルタイムで更新される要件チェックリスト...

複数の値を選択できる検索可能なドロップダウン。選択された値は入力欄に削除可能な タグ/チップとして表示されます。オプションのグルーピング、最大選択数、検索フィルタリング、 全選択/全解除アクショ...

テキストフォーマット用ツールバー付きのcontenteditableリッチテキストエディター。 ベーシックとフルの2つのスタイルで異なるフォーマットツールセットを提供。 フォーム送信用にコンテン...

インラインメンション機能付きのテキストエリア。トリガー文字（デフォルトは「@」）を入力すると、 フィルタリング可能なユーザーまたはアイテムのドロップダウンが表示されます。キーボードナビゲーション...

国セレクタードロップダウン、国旗絵文字、国番号を備えた国際電話番号入力。 検索可能な国リスト、自動フォーマット、フォーム送信用にE.164形式の値を 格納するhidden入力を備えています。

マウスとタッチ操作に対応したキャンバスベースの署名キャプチャ。 署名をbase64 PNGとしてフォームのhidden入力にエクスポートします。 クリアボタンとRetinaディスプレイ対応を備え...

通貨記号アドオン、自動桁区切り、小数フォーマットを備えた通貨入力フィールド。 左右の記号配置、国際フォーマット用のカスタマイズ可能な区切り文字、 最小/最大制約に対応し、フォーム送信用に生の数値...

テキスト、テキストエリア、セレクトの各スタイルに対応したクリックで編集可能なインライン編集コンポーネント。 ブラー時の自動保存、オプションのサーバーへのPATCHリクエスト、キーボードショートカ...

色相/彩度パッド、スライダー、プリセットスウォッチ、hex/rgb入力を備えたカラー選択入力。 アルファチャンネルとコンパクトなポップオーバーモードに対応。ドラッグ可能な彩度/明度キャンバス、 ...

カレンダードロップダウン付きの日付選択コンポーネント。単一日付と日付範囲の 選択モードに対応しています。最小/最大日付の制約、設定可能な表示形式、 週の開始曜日オプションを含みます。Railsフ...