恒星
シリウス、ベガ、ベテルギウス
Starlightのスタイルに合わせてコンテンツをボックス内に表示するには、<Card>
コンポーネントを使用します。
<Card>
コンポーネントを使用してカードを表示し、カードのtitle
を提供します。
Starlightの組み込みアイコンの名前をicon
属性に設定して、カードにアイコンを含めることができます。
import { Card } from '@astrojs/starlight/components';
<Card title="恒星" icon="star"> シリウス、ベガ、ベテルギウス</Card>
{% card title="恒星" icon="star" %}シリウス、ベガ、ベテルギウス{% /card %}
恒星
シリウス、ベガ、ベテルギウス
<CardGrid>
コンポーネントを使用してグループ化することで、十分なスペースがある場合に複数のカードを並べて表示できます。
例については、“カードのグループ化”ガイドを参照してください。
<Card>
プロパティ実装: Card.astro
<Card>
コンポーネントは以下のプロパティを受け入れます:
title
必須
型: string
表示するカードのタイトル。
icon
型: string
カードにはStarlightの組み込みアイコンの名前に設定されたicon
属性を含めることができます。