Card
<eink-card> replaces
<div class="eink-card">. Add the
raised attribute for emphasis.
<div class="eink-card eink-card--raised">...</div><eink-card raised>...</eink-card>Standard card with thin border. Good for grouping related content.
Medium border weight for emphasis. Use sparingly — no more than one per section.
The footer is optional. Cards work fine with just a title and body.
Button
<eink-button> wraps a native
<button> and maps variant,
size, and disabled attributes to CSS classes.
<button class="eink-btn eink-btn--primary">Primary</button><eink-button variant="primary">Primary</eink-button>Variants
Sizes
Disabled state
Focus state
Tab through the buttons below to see the focus ring.
Alert
<eink-alert> with
variant="info|success|warning|error".
Tag & Badge
<eink-tag> with optional
variant="filled|muted", and
<eink-badge>.