Structural Components

A collection of reusable structural components for blog posts and documentation.

Components

• Frontmatter - Frontmatter configuration
• Card - Card component
• Details - Details component
• Fancy Button - Fancy Button component
• Footer - Footer component
• Graph Renderer Component - Graph Renderer Component
• Header - Header component
• Highlight - Highlight component
• Linking Posts - Linking Posts
• Table of Contents - Table of Contents
• Timeline - Timeline component
• Truncating - Truncating sections

---

AI Metadata

Maintenance Instructions for AI Assistants:

When updating this document, ensure the component links remain synchronized with the actual components in the src/components/ directory.

Component Mapping:

• Verify that each component listed in the "Components" section has a corresponding implementation in src/components/
• If new components are added to src/components/, create corresponding documentation posts and add links here
• If components are removed from src/components/, remove their links from this document
• Component names should match between the documentation slug and the actual component file/directory name

Key Components in src/components/:

• Card/ - Card component and subcomponents
• FancyButton.jsx - Fancy Button component
• Graph/ - Graph renderer components
• Highlighters.jsx - Highlight component
• TimeLine/ - Timeline component
• _header.mdx and _footer.mdx in src/partials/ - Header and Footer partials

Update Process:

1. Scan src/components/ directory for all component files and directories
2. Cross-reference with the component links in this document
3. Add missing components or remove obsolete ones
4. Ensure slug names in documentation match component names where applicable