Code

Use fenced code blocks for single syntax-highlighted examples. Use CodeGroup when the same example has package-manager, framework, or platform variants.

Usage

```bash title="Install"
npm install reallysimpledocs
```

Add title="..." after the language to render a titled code block.

Options

Fenced code

CodeGroup

CodeGroup expects titled fenced code blocks as children. Untitled code blocks are ignored because there is no tab label. Keep the CodeGroup name for tabbed code; use Tabs for generic grouped content.

Examples

Default

npm install reallysimpledocs

With title

import { defineConfig } from "astro/config";
import reallySimpleDocs from "reallysimpledocs/astro";

export default defineConfig({
  integrations: [
    reallySimpleDocs({
      site: {
        title: "Acme Docs",
      },
    }),
  ],
});

Tabbed group

npm install reallysimpledocs basecoat-css@beta tailwindcss

pnpm add reallysimpledocs basecoat-css@beta tailwindcss

yarn add reallysimpledocs basecoat-css@beta tailwindcss

bun add reallysimpledocs basecoat-css@beta tailwindcss

<CodeGroup>
```bash title="npm"
npm install reallysimpledocs basecoat-css@beta tailwindcss
```

```bash title="pnpm"
pnpm add reallysimpledocs basecoat-css@beta tailwindcss
```

```bash title="yarn"
yarn add reallysimpledocs basecoat-css@beta tailwindcss
```

```bash title="bun"
bun add reallysimpledocs basecoat-css@beta tailwindcss
```
</CodeGroup>