Skip to content

Asides

Components

Asides

Section titled “Asides”

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

Import

Section titled “Import”
import { Aside } from '@astrojs/starlight/components'

Usage

Section titled “Usage”
<Aside type='note'>Note/default</Aside>
<Aside type='caution'>Caution</Aside>
<Aside type='tip'>Tip</Aside>
<Aside type='danger'>Danger</Aside>

Preview

Section titled “Preview”