Feature
Documentation components
A library of 25 purpose-built components — cards, tabs, accordions, comparison tables, file trees, steps, badges, changelogs, release notes, and image zoom — that you drop straight into an MDX page.
- Cards lay out feature showcases, quick navigation, and content overviews in a grid — each with a title, description, optional icon, and optional link.
- Tabs cover framework-specific instructions, language-specific examples, and platform comparisons, and a syncKey prop keeps the selection consistent across pages: pick "React" on one page and every other page shows "React" too.
- Accordions collapse FAQs, troubleshooting guides, and configuration options into animated sections, each deep-linkable by URL hash; comparison tables put products, pricing tiers, or technology choices side by side with 10 icon-based indicator types and an optional highlighted column.
- File trees render a directory structure from plain indented text, so project-layout diagrams stay accurate instead of going stale like a screenshot — alongside step-by-step walkthroughs, inline status badges, changelog timelines, release-note cards, and a click-to-zoom lightbox, in a library of 25 documentation components in total.