Components

Nebari Starlight styles the standard Starlight component set — it doesn’t add new components or dependencies. Everything below is imported from @astrojs/starlight/components and works in any .mdx page.

import { Card, CardGrid, Tabs, TabItem, Steps, FileTree, Badge, Aside }
  from '@astrojs/starlight/components';

Available components

Component	Purpose	Status
`Card` / `CardGrid`	Grid of titled, icon’d content blocks	Stable
`LinkCard`	A card that is itself a link	Stable
`Tabs` / `TabItem`	Tabbed panels, syncable via `syncKey`	Stable
`Steps`	Numbered, visually distinct procedures	Stable
`FileTree`	Annotated file/directory trees	Stable
`Badge`	Inline status pills	Stable
`Aside`	Callouts (also via `:::note` syntax)	Stable
`LinkButton`	Prominent call-to-action link	Stable
`Icon`	Built-in icon set	Stable

Badge variants

<Badge> takes a text and a variant:

note — note
tip — tip
success — success
caution — caution
danger — danger
default — default

It also accepts a size of small, medium, or large.

Aside variants

Asides render with Nebari’s feedback colors. Use the fenced syntax in Markdown or the <Aside> component in MDX:

Variant	Markdown	Use for
Note	`:::note`	Neutral context
Tip	`:::tip`	Shortcuts and recommendations
Caution	`:::caution`	Footguns and gotchas
Danger	`:::danger`	Destructive or irreversible acts

Card grids at a glance

Layout components

Card, CardGrid, and LinkCard structure landing pages and section overviews.

Content components

Tabs, Steps, and FileTree make procedures and structure scannable.

Full docs

For prop-level detail on any component, see the upstream Starlight component reference. This theme changes their appearance, not their API.