# タスク詳細画面

タスク詳細画面は、ユーザーが特定のタスクに関連するすべての情報を読んで確認し、タスクを「完了」とマークする前にすべてを完了したことを確認するためのものです。情報は、各コンポーネントに接続されたMagic Text要素を介して生成され、Tasks Collectionから情報を表示します。

タスク詳細画面には、タスクに関連する詳細を編集するためのボタンも付属しています。

## 新しいコンポーネント

### **完了ボタン**

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-92b3d5b8dc8fa892ffa4029464226664fde5853f%2Fcompletebutton.png?alt=media" alt="" width="315"><figcaption></figcaption></figure>

このボタンは、タスクの状態（完了または未完了）を示すために使用されます。

⚡ **ボタンのアクション**

* タスクを更新、Current Task > Completed がTrueになります

### トグル

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-46e23a6d02404953a50dd0125d86e0c33536237e%2Ftoggle.png?alt=media" alt="" width="63"><figcaption></figcaption></figure>

トグルは、データベース内のプロパティに応じて、タスクの状態（完了または未完了）を表示します。

トグルは、Current Task > Completed がTRUEの場合、チェックマークを反映します。

同じタスクが未完了の場合、トグルは枠線のあるボックスを反映します。
