Asides

Components

Asides

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

Import

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

Usage

<Aside type='note'>Note/default</Aside>
<Aside type='caution'>Caution</Aside>
<Aside type='tip'>Tip</Aside>
<Aside type='danger'>Danger</Aside>

Preview

Note

Note/default

Caution

Caution

Tip

Tip

Danger

Danger