Introduction

Welcome to your Stainless Docs site! Your site has a few example pages pre-built, but everything in your site is configurable. In addition to auto-generated API and SDK reference pages, you can add custom prose pages like the one you’re reading now.

Built-in components

Stainless components are available as imports from @stainless-api/docs/components. Here are a few examples along with code samples showing how to use them:

Callout

import { Callout } from "@stainless-api/docs/components";

<Callout variant="info">This is an info callout.</Callout>

This is a note callout.

Accordion

import { Accordion } from "@stainless-api/docs/components";

<Accordion>
  <Accordion.Summary>Example Accordion</Accordion.Summary>
  This is some example content inside the details element. It is hidden by
  default and will be shown when the summary is clicked.
</Accordion>

Example Accordion

This is some example content inside the details element. It is hidden by default and will be shown when the summary is clicked.

Accordion.Group

import { Accordion } from "@stainless-api/docs/components";

<Accordion.Group>
  <Accordion>
    <Accordion.Summary>First Accordion in Group</Accordion.Summary>
    This is some example content inside the first details element in the group.
  </Accordion>
  <Accordion open>
    <Accordion.Summary>Second Accordion in Group</Accordion.Summary>
    This is some example content inside the second details element in the group.
  </Accordion>
  <Accordion>
    <Accordion.Summary>Third Accordion in Group</Accordion.Summary>
    This is some example content inside the third details element in the group.
  </Accordion>
</Accordion.Group>

First Accordion in Group

This is some example content inside the first details element in the group.

Second Accordion in Group

This is some example content inside the second details element in the group.

Third Accordion in Group

This is some example content inside the third details element in the group.