https://www.markdownguide.org/cheat-sheet/
import { Tabs, TabItem } from '@astrojs/starlight/components'; <Tabs> <TabItem label="Stars">Sirius, Vega, Betelgeuse</TabItem> <TabItem label="Moons">Io, Europa, Ganymede</TabItem></Tabs>
Check this out
Stars
Sirius, Vega, Betelgeuse
Moons
Io, Europa, Ganymede
import { Card, CardGrid } from '@astrojs/starlight/components'; <Card title="Check this out">Interesting content you want to highlight.</Card> <CardGrid> <Card title="Stars" icon="star"> Sirius, Vega, Betelgeuse </Card> <Card title="Moons" icon="moon"> Io, Europa, Ganymede </Card></CardGrid>
import { LinkCard, CardGrid } from '@astrojs/starlight/components'; <LinkCard title="Customizing Starlight" description="Learn how to make your Starlight site your own with custom styles, fonts, and more." href="/guides/customization/"/> <CardGrid> <LinkCard title="Authoring Markdown" href="/guides/authoring-content/" /> <LinkCard title="Components" href="/guides/components/" /></CardGrid>
De titel is optioneel.
:::note[Titel]Dit is een note:::
:::tip[Titel]Dit is een tip:::
:::caution[Titel]Dit is een waarschuwing:::
:::danger[Titel]Dit is gevaar:::