Components · Blog
BlogCardLong
Horizontal card — thumbnail, title, date & reading time.
Reading the option chain like a pro
10 Jul 2026 · 6 min readProps
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Post title. |
image | string | — | Thumbnail URL. |
date | string | — | Publish date. |
readingTime | string | — | Reading time. |
href | string | — | Post link. |
Reference API for the design concept — align names and types with your implementation.
Guidelines
- Use in the active theme; the component adapts to light and dark automatically.
- Keep the purple accent for interactive states only — never as a fill or background.
- Copy the markup from the Code tab and wire it to
base.csstokens.