Components Overview

MDX components for cards, tabs, accordions, callouts, code groups, and more. Drop them into any page.

Jamdesk includes MDX components you can use in any page. This overview helps you choose the right component for your content.

Usage

Drop components directly into your MDX:

<Card title="Quickstart" icon="rocket" href="/quickstart">

  Launch your docs in minutes.

</Card>

Layout Components

Card

Display content in bordered cards

Tabs

Organize content in tabbed sections

Accordion

Collapsible content sections

Steps

Numbered step-by-step guides

Expandable

Show/hide additional content

Frame

Styled container with caption

Panel

Custom sidebar content

Tables

Structured data in rows and columns

Tooltip

Contextual info on hover

Callout Components

Note

General information callout

Info

Helpful context callout

Warning

Important warning callout

Tip

Pro tip or suggestion

Check

Success or confirmation

Danger

Critical warning callout

Code Components

CodeGroup

Tabbed code examples

Mermaid

Flowcharts and diagrams

RequestExample

API request code block

ResponseExample

API response code block

What's Next?

Card Component

Start with the most versatile layout component

Code Blocks

Learn syntax highlighting and advanced code features