Volt Introduction and Docs

提供するコンポーネント

Volt は、Web 開発を楽に進めるためにいくつかのコンポーネントを提供しています。

Notices (通知)

Volt は <:volt:notices /> を自動的にビューに設定します。このコンポーネントによって、以下の「通知」を表示することができます:

  1. flash メッセージ
  2. 試行接続状態。(接続が切れた場合に、「なぜ接続断が発生したのか」と「再接続を試行する時間」をユーザーに通知します)。
  3. (developmentモードでの) コードの変更による再読み込み通知

Flash

Flash モデルのどのコレクションに対してもメッセージを追加することができます。Flash モデルは、上記の notices (通知) コンポーネントの一部として提供されています。

それぞれのコレクションが異なるタイプの「flash」を表しています。一般的なものとして _notices_warnings、そして _errors があります。そして、各コレクションはそれぞれ、flash の表示させ方を変更することができます。例えば、_notices_errors を別の色で表示させたいなどの場合が考えられます。

flash._notices << "message to flash"

メッセージは5秒間表示された後に (画面からもコレクションからも) 消えます。