Skip to content
hypha.starlight

to chooseto openescto close

Markdown

What a page's Markdown and Starlight's components look like on the theme.

A page of everything a reference holds, to see the theme at once. Switch the scheme in the header, or try a palette, and come back.

Text

Section titled “Text”

A paragraph sets at the measure, with strong text, emphasis, inline code and a link.

A quote is set in the serif, on a rule.

Lists

Section titled “Lists”
  • An item
  • Another, with a link
    • And one inside it
  1. First
  2. Second
  3. Third

A table

Section titled “A table”
Option Type Default
palette string "hypha"
scheme "auto" | "dark" | "light" "auto"
tabs boolean false

Code

Section titled “Code”
widget.js
export const widget = () => "one";
export const twice = (f) => () => [f(), f()];
export const widget = () => 'one';
Terminal window
$ bun add widgets
installed widgets
const scheme = "dark";
const scheme = "auto";

Asides

Section titled “Asides”

Components

Section titled “Components”
bun add widgets
  1. Install it.
  2. Add it to the plugins.
  3. Build.
  • astro.config.mjs
  • Directorysrc
    • Directorycontent
      • Directorydocs
        • index.mdx
    • Directorystyles/
      • custom.css

Badges: New Tip Caution

A card

A panel on a rule.

Another

Two to a row.

Getting startedInstall the theme.