コンポーネント

サーキュラー、ドット、バーの各バリアントを持つローディングインジケーターコンポーネント。 純粋なCSSアニメーション — JavaScriptは不要です。

複数のカラーバリアントを持つ小さなステータスインジケーターコンポーネント。 ステータス、ラベル、カウント、タグの表示に最適です。

ユーザーに重要なメッセージを表示するための通知コンポーネント。 成功、エラー、警告、情報の各バリアントに対応し、オプションでアイコンや閉じる機能を備えています。

3つの形状バリアントを持つローディングプレースホルダーコンポーネント。 パルスアニメーションでローディング状態を示します。複数のスケルトンを組み合わせて カード、リスト、コンテンツのローディング...

完了状態を示すための水平プログレスインジケーター。 確定モード（パーセンテージ）と不確定モード（アニメーション）に対応し、 複数のカラーバリアントとサイズオプションを備えています。

ユーザーフィードバックのためのスタック可能な通知トーストとフラッシュメッセージバナー。 成功、エラー、警告、情報のバリアントに対応し、設定可能な 表示位置、自動消去時間、複数の視覚スタイルを備え...

コンテンツが空または見つからない場合にフレンドリーなメッセージを表示。 アイコン、タイトル、説明、オプションのアクションボタンを含みます。

重要なメッセージ、プロモーション、警告のための常設アナウンスバー。 localStorageを使った閉じる機能の永続化、アクションボタン、複数のバリアントに対応しています。 ビューポートの上部ま...