Skip to content
Catppuccin logoCatppuccin

Components

Card

Section titled “Card”

Check this out

Interesting content you want to highlight.

Section titled “Link Card”
Example GuideDescription goes here!

Asides

Section titled “Asides”

Badge

Section titled “Badge”
NoteSuccessTipCautionDangerNewNew and improvedNew, improved, and bigger

Code

Section titled “Code”
example.js
console.log('This could come from a file or CMS!');

File Tree

Section titled “File Tree”
  • astro.config.mjs
  • package.json
  • Directorysrc
    • Directorycomponents
      • Header.astro
      • Title.astro
    • Directorypages/
      • …

Icons

Section titled “Icons”
Section titled “Link Button”
Installation Guide

Installation Guide

Tabs

Section titled “Tabs”
Sirius, Vega, Betelgeuse

Steps

Section titled “Steps”

  1. Import the component into your MDX file:

    import { Steps } from "@astrojs/starlight/components";

  2. Wrap <Steps> around your ordered list items.