Components overview
38 built-in MDX components, grouped into eight reference pages.
~ 1 min read
Tangly ships 38 MDX components, auto-injected into every page. No imports, no configuration. Drop the tag in, render.
The reference is grouped into eight pages. Each page covers a family with code + rendered examples for every variation.
Note, Tip, Warning, Info, Check, Danger, Update
Card, CardGroup, Columns
CodeGroup, PackageManager, Snippet, FileTree, Kbd
Tabs, Tab, Steps, Step
Frame, Accordion, AccordionGroup, Expandable
ParamField, ResponseField, RequestExample, ResponseExample, OpenAPI viewers
Embed, Video, LightboxImage
Badge, Icon, Tooltip, GlossaryTerm
Markdown extras
Looking for math or diagrams? Those are MDX syntax, not components, but they’re wired by default. See LaTeX and Mermaid.
Source of truth
Every component lives in @tanglydocs/theme-ui. Override any of them by shadowing the file at theme/<Name>.astro in your project.
Authoring custom components
Need something we don’t ship? Drop a .astro file under components/ (or theme/) in your project. Every MDX page can use it as if it were built-in. See Custom components.