Card
Interesting content you want to highlight.
Kitchen Sink
Link Card Configure Starlight to support multiple languages.
- badge: Note
- badge: Success
- badge: Tip
- badge: Caution
- badge: Danger
console.log('exampleCode: This could come from a file or CMS!');- file-tree
- astro.config.mjs
- package.json
Directorysrc
Directorycomponents
- Header.astro
- Title.astro
Directorypages/
- …
Related: Astro
Configuration Reference
Tabs Sirius, Vega, Betelgeuse
Tabs Io, Europa, Ganymede
-
Import the component into your MDX file:
import { Steps } from '@astrojs/starlight/components'; -
Wrap
<Steps>around your ordered list items.
flowchart LR
mermaid --> Stop --> markdown[Start over]
Markdown test
Section titled “Markdown test”This is a paragraph.
This is a paragraph.
Header 1
Section titled “Header 1”Header 2
Section titled “Header 2”Header 1
Section titled “Header 1”Header 2
Section titled “Header 2”Header 1
Section titled “Header 1”Header 2
Section titled “Header 2”Header 3
Section titled “Header 3”Header 4
Section titled “Header 4”Header 5
Section titled “Header 5”Header 6
Section titled “Header 6”Header 1
Section titled “Header 1”Header 2
Section titled “Header 2”Header 3
Section titled “Header 3”Header 4
Section titled “Header 4”Header 5
Section titled “Header 5”Header 6
Section titled “Header 6”Header 1
Section titled “Header 1”Header 2
Section titled “Header 2”Header 3
Section titled “Header 3”Header 4
Section titled “Header 4”Header 5
Section titled “Header 5”Header 6
Section titled “Header 6”Header 1
Section titled “Header 1”Header 2
Section titled “Header 2”Header 3
Section titled “Header 3”Header 4
Section titled “Header 4”Header 5
Section titled “Header 5”Header 6
Section titled “Header 6”Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
This is a header.
Section titled “This is a header.”
- This is the first list item.
- This is the second list item.
Here’s some example code:
Markdown.generate();
This is a header.
Section titled “This is a header.”
- This is the first list item.
- This is the second list item.
Here’s some example code:
Markdown.generate();
- Red
- Green
- Blue
- Red
- Green
- Blue
- Red
- Green
- Blue
- Red- Green- Blue
+ Red+ Green+ Blue
* Red* Green* Blue- Buy flour and salt
- Mix together with water
- Bake
1. Buy flour and salt1. Mix together with water1. BakeParagraph:
Code
Paragraph:
Code
This is an example link.
This link has no title attr.
This is [an example] id reference-style link.
This is an example link.
This link has no title attr.
This is [an example] id reference-style link.
single asterisks
single underscores
double asterisks
double underscores
single asterisks
single underscores
double asterisks
double underscores
This paragraph has some code in it.
This paragraph has some code in it.
