---
title: Tabs & Accordions
description: "Organize content with Tabs for language or platform variants and AccordionGroup for collapsible FAQ-style sections that save vertical space."
---

> **For AI agents:** the complete documentation index is at [llms.txt](https://jameswsp.jamdesk.app/llms.txt). Append `.md` to any page URL for its markdown version.

## Tabs

Show content in switchable panels:

### React

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

### Vue

```html
<template>
  <h1>Hello Vue</h1>
</template>
```

### Svelte

```html
<h1>Hello Svelte</h1>
```

```mdx
<Tabs>
  <Tab title="React">
    Content for the React tab.
  </Tab>
  <Tab title="Vue">
    Content for the Vue tab.
  </Tab>
</Tabs>
```

## Accordions

Collapsible sections for optional details:

### What is Jamdesk?

Jamdesk is a documentation platform that builds and hosts your docs from MDX files in a GitHub repository.

### How do I deploy?

Push to GitHub. Jamdesk builds and deploys automatically on every push.

### Can I use a custom domain?

Yes. Configure your custom domain in the Jamdesk dashboard under project settings.

```mdx
<AccordionGroup>
  <Accordion title="Question here">
    Answer here.
  </Accordion>
</AccordionGroup>
```