Components
MDX components shipped with Tangly. Overview and per-page reference links.
~ 1 min read
Components
Every built-in component is auto-injected into MDX. No imports required. Prop signatures match Mintlify exactly, so existing content renders unchanged.
For full prop reference per component, see the Components reference.
Quick tour
Callouts
<Note>Heads up.</Note>
<Tip>Pro tip.</Tip>
<Warning>Watch out.</Warning>Cards
Click-through card with icon.
Plain card, no link.
Tabs
bun x tangly devnpx tangly devSteps
-
One
First step. -
Two
Second step. -
Three
Third step.
Accordion
Question one
Question two
API rows
user_id string path required The user’s UUID.
email string The user’s email address.
All components
| Component | Reference page |
|---|---|
Note, Tip, Warning, Info, Check, Danger, Update | Callouts |
Card, CardGroup, Columns | Cards |
CodeGroup, PackageManager, Snippet, FileTree, Kbd | Code |
Tabs, Tab, Steps, Step | Tabs & Steps |
Frame, Accordion, AccordionGroup, Expandable | Layout |
ParamField, ResponseField, RequestExample, ResponseExample, OpenApiEndpoint, OpenApiScalar, OpenApiRedoc, OpenApiStoplight | API |
Embed, Video, LightboxImage | Media |
Badge, Icon, Tooltip, GlossaryTerm | Text |
Markdown extras
Some MDX features are syntax, not components. They’re wired by default and need no imports.
| Feature | Reference |
|---|---|
LaTeX / KaTeX math ($…$, $$…$$, <latex>) | Markdown · LaTeX |
Mermaid diagrams (mermaid fenced block) | Markdown · Mermaid |
Customizing
Override any component by shadowing: drop a file at <userRoot>/components/<Name>.{astro,tsx} and Vite resolves your version everywhere it’s used.
For new components that aren’t in the built-in set, import them explicitly in your MDX:
import Tldr from "../components/Tldr.astro";
<Tldr>Short summary.</Tldr>Auto-registration via tangly.config.ts is on the roadmap but not yet wired.