ContextQMD
Back to Zulip

Numbered lists

starlight_help/src/content/docs/numbered-lists.mdx

12.01.8 KB
Original Source

import {TabItem, Tabs} from "@astrojs/starlight/components";

import FlattenedSteps from "../../components/FlattenedSteps.astro"; import ZulipTip from "../../components/ZulipTip.astro"; import NumberedListsExamples from "../include/_NumberedListsExamples.mdx"; import NumberedListsIntro from "../include/_NumberedListsIntro.mdx"; import StartComposing from "../include/_StartComposing.mdx";

import OrderedListIcon from "~icons/zulip-icon/ordered-list";

<NumberedListsIntro />

Create a numbered list

<Tabs> <TabItem label="Via compose box button"> <FlattenedSteps> <StartComposing /> 
  1. *(optional)* Select the text you want to format.
  1. Click the **numbered list** (<OrderedListIcon />) icon at the
     bottom of the compose box to insert list formatting.
  1. Press <kbd>Enter</kbd> to automatically add a new number to the list.
  1. When your list is done, press <kbd>Enter</kbd> a second time to remove the
     number.
</FlattenedSteps>

<ZulipTip>
  You can also use the **numbered list** (<OrderedListIcon />) icon
  to remove existing list formatting from the current line or selected text.
</ZulipTip>
</TabItem> <TabItem label="Via Markdown"> <FlattenedSteps> <StartComposing /> 
  1. Type a number followed by a `.` and some text to start a numbered list.
  1. Press <kbd>Enter</kbd> to automatically add a new number to the list.
  1. When your list is done, press <kbd>Enter</kbd> a second time to remove the
     number.
</FlattenedSteps>
</TabItem> </Tabs>

Examples

<NumberedListsExamples />