Component
Card
A titled block of content with an optional footer.
import { Card } from '@loidolt/theme-svelte';
Example
Terrain project
Crater Lake, Oregon
A composed card for general application content.
Notes
- With
hrefthe whole card is one block-level link — the hover accent border says so. - The content region is always full width, so intrinsic-less children (viewBox-only SVGs) fill the card even when a consumer centers it.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
children required | Snippet | — | |
as | never | 'div' | |
class | string | — | |
description | string | — | |
footer | Snippet | — | |
header | Snippet | — | |
headingLevel | HeadingLevel | 3 | |
href | string | — | Renders the card as one block-level link. |
ref bindable | HTMLElement | null | null | |
title | string | — |
Plus the attributes of Omit<HTMLAnchorAttributes, 'class'>andOmit<HTMLAttributes<HTMLElement>, 'class'>, forwarded to the root element.