Components Overview

Jamdesk provides a rich set of components to create engaging documentation.

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

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

RequestExample

API request code block

ResponseExample

API response code block

Quick Examples

Cards

Example Card

Cards can contain any content including code, lists, and other components.

Callouts

This is a note callout for general information.

This is a warning callout for important notices.

This is a tip callout for helpful suggestions.

Tabs

function App() {
  return <h1>Hello React</h1>;
}

<template>
  <h1>Hello Vue</h1>
</template>

Accordion

Hidden content that expands when clicked.

Steps

First Step

Do this first.

Second Step

Then do this.