Skip to content
Catppuccin logo Catppuccin

Components

Card

Check this out

Interesting content you want to highlight.
Example Guide Description goes here!

Asides

Badge

Note Success Tip Caution Danger New New and improved New, improved, and bigger

Code

example.js
console.log('This could come from a file or CMS!');

File Tree

  • astro.config.mjs
  • package.json
  • Directorysrc
    • Directorycomponents
      • Header.astro
      • Title.astro
    • Directorypages/
      • …

Icons

Installation Guide

Installation Guide

Tabs

Sirius, Vega, Betelgeuse

Steps

  1. Import the component into your MDX file:

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

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