Card
Simple card
Example source
import Card from 'starlight-plugin-icons/components/Card.astro'
<Card title="Card" icon="i-ph:thumbs-up-duotone" bordered> Card description</Card>
Rendered
Card
Simple card
Card
Card with icon border
title
string — card titleicon?
string — icon classbordered?
boolean — show icon in a colored squareclass?
string — additional CSS classesstarlight-card
starlight-card--bordered
starlight-card__title
starlight-card__icon
starlight-card__icon-wrapper
starlight-card__content
:root { --spi-card-icon-size: 1em; --spi-card-icon-wrapper-pad: 0.3em;}
:root { --spi-card-icon-size: 1.5em; --spi-card-icon-wrapper-pad: 0.5em;}
Rendered
Bigger Icon
Tweaked icon and border padding