starlight_help/src/content/docs/collaborative-to-do-lists.mdx
import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";
import FlattenedSteps from "../../components/FlattenedSteps.astro"; import ZulipNote from "../../components/ZulipNote.astro"; import ZulipTip from "../../components/ZulipTip.astro"; import EndComposing from "../include/_EndComposing.mdx"; import StartComposing from "../include/_StartComposing.mdx"; import ToDoListsExamples from "../include/_ToDoListsExamples.mdx"; import ToDoListsIntro from "../include/_ToDoListsIntro.mdx";
import CheckIcon from "~icons/fa/check"; import PencilIcon from "~icons/fa/pencil"; import RemoveIcon from "~icons/fa/remove"; import GripVerticalIcon from "~icons/zulip-icon/grip-vertical"; import TodoListIcon from "~icons/zulip-icon/todo-list"; import TrashIcon from "~icons/zulip-icon/trash";
<ToDoListsIntro /> 1. Make sure the compose box is empty.
1. Click the **add to-do list** (<TodoListIcon />) icon at the bottom
of the compose box.
1. Fill out todo-list information as desired, and click **Create to-do
list** to insert todo-list formatting.
<EndComposing />
</FlattenedSteps>
<ZulipTip>
To reorder the list of todos, click and drag the **vertical dots**
(<GripVerticalIcon />) to the left of
each option. To delete an option, click the **delete**
(<TrashIcon />) icon to the right of it.
</ZulipTip>
1. Make sure the compose box is empty.
1. Type `/todo` followed by a space, and the title of the to-do list.
1. *(optional)* Type each task on a new line, with its description, if
any, after a <kbd>:</kbd> and blank space.
<EndComposing />
</FlattenedSteps>
<ZulipTip>
You will be able to add tasks after the to-do list is created.
</ZulipTip>