Aside

To display secondary information alongside a page’s main content, use the <Aside> component.

Import

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

Usage

Display an aside (also known as “admonitions” or “callouts”) using the <Aside> component.

An <Aside> can have an optional type attribute, which controls the aside’s color, icon, and default title.

test	test
test	test
test	test

Starlight also provides a custom syntax for rendering asides in Markdown and MDX as an alternative to the <Aside> component. See the “Authoring Content in Markdown” guide for details of the custom syntax.

Use custom titles

Override the default aside titles by using the title attribute.

Use custom icons

Override the default aside icons by using the icon attribute set to the name of one of Starlight’s built-in icons.