Skip to content
Catppuccin logo Catppuccin

Components

Card

Section titled “Card”

Check this out

Interesting content you want to highlight.

Section titled “Link Card”
Example Guide Description goes here!

Asides

Section titled “Asides”

Badge

Section titled “Badge”
Note Success Tip Caution Danger New New and improved New, 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.