» Writing a clear chapterGuideExample
A sample article entry with a date, topics, summary and badges.
Components
These components accept prepared display data. Your site chooses the content, relationships and order; the theme renders them. This page uses Astro components without a client framework.
Notices
Information. A detail that helps the reader continue.
Check first. Confirm a configuration value before following the next step.
Important constraint. A clearly labeled condition that affects the example.
Import Notice from @tcitry/astro-book/components/Notice and supply its variant and body. It also works inside MDX.
Article lists
Writing a clear chapterGuideExample
A sample article entry with a date, topics, summary and badges.
Drawing an ideaDiagram
Another prepared item, pointing to a real page in this example.
A grouped list uses the same article items with a heading selected by the site:
2026
» Drawing an ideaDiagram
Another prepared item, pointing to a real page in this example.
Terms and labels
GuideReference Linked topic
Tag clouds and term lists display counts or active states that your site supplies.
- Example topics6
Navigation components
Link tabs connect related pages. They are ordinary links, so each destination has a stable URL.
A pagination example with four real destinations:
Native HTML
An accessible disclosure
Native HTML is often enough for a small interaction. This disclosure works without a client framework or custom JavaScript.
The customization guide describes the layout slots and component replacements behind the surrounding shell.