UIの状態パターン
UIを作成する際、以下の状態を用意する必要がないか確認します。
- Hover（カーソルが乗っている）
- Active（押している最中）
- Focus（キーボード操作対象）
- Disabled（操作不可）
- Readonly（編集不可）
- Validation（errorやsuccessの状態）
- Empty（空っぽの状態）
- Loading,skeleton（データの取得中）
- Finished（データの送信などを完了した状態）
- Dirty（ユーザーによってデータが変更されたが、まだ保存されていない状態）