[Fixture] Toggle

Toggle Blocks

Basic toggle with plain text

Click to expand: plain text content

This is the body of the toggle block.

It can contain multiple paragraphs.

Toggle with rich text summary

Toggle with bold and italic in summary

Content inside this toggle.

Toggle containing a list

Toggle with a list inside

  • First item

  • Second item

  • Third item

    • Nested item A

    • Nested item B

Toggle containing a code block

Toggle with a code block

Here is some code:

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

Toggle containing a table

Toggle with a table
NameTypeDescription
idnumberUnique identifier
titlestringPage title
publicboolWhether page is public

Toggle containing another toggle (nested)

Outer toggle

This is in the outer toggle.

Inner nested toggle

This is inside the nested toggle.

Toggle containing a callout

Toggle with a callout inside

Toggle with heading in summary

Setup Instructions

Step 1: Install dependencies

pnpm install

Step 2: Configure environment

Copy .env.example to .env and fill in your credentials.

Step 3: Run the dev server

pnpm run dev