3:42 PM Key update
Council votes 7–4 to approve the plan
After a final round of public comment, the measure passed. Implementation begins next quarter.
Magoo Component UI
CSS-less skeletons · 4 themes
Magoo Component UI
CSS-less skeletons · 4 themes live-blog-entry molecule experimental A timestamped live-blog update with an optional key-update flag.
The width preview needs a screen wider than the chosen width — use a larger device (or a desktop browser) to see the desktop and tablet layouts.
3:42 PM Key update
After a final round of public comment, the measure passed. Implementation begins next quarter.
news/live-blog-entryname: "Live Blog Entry"
short_description: A timestamped live-blog update with an optional key-update flag.
long_visual_description: >
A timeline entry with a timestamp (red dot + "Key update" tag when important), a title, the
update body, and an author.
use_cases:
- Live blog update.
- Developing-story entry.
- Live coverage post.
- Timestamped update.
- Rolling news item.
recommended_for:
- A single timestamped live-blog update.
avoid_for:
- A finished article (use article-lead).
markets:
- Global
example_usage: >
Show the time and update; flag important entries as key updates.
props:
time: The timestamp.
title: The update title.
body: The update body.
author: The author.
key: Whether it's a key update.
example_prompts:
- "Add a live blog entry marked as a key update."
- "Add a timestamped live coverage post."
lifecycle: experimental
content_model: A timestamped live-blog update.
theming:
tokens_used:
- --color-surface
- --color-on-surface
- --color-on-surface-muted
- --color-danger
- --color-border
- --radius-control
- --font-heading
editorial_guidance: >
Timestamp every entry; flag genuinely important updates as key.
categorization:
category: News
subcategory: Live
atomic_type: molecule
usage_type: [timeline, list-item]
maturity: ai-generated
wcag:
level: AA
notes: Key updates show a "Key update" text tag (not colour alone); the timeline dot is decorative; text is real.
keyboard_support: "none"
seo_score: 40
text_direction: both
| Name | Type | Req |
|---|---|---|
| time | string | ✓ |
| title | string | |
| body | string | ✓ |
| author | string | |
| key | boolean |