Example

Use the <Example> component to add a box around some content. This can be useful when you want to demonstrate or showcase something without it being confused by the surrounding text.

Hello, world!

Hello world

Hello, world!

import { Example } from "~/components"

<Example>
    Hello, world!
</Example>

{/*
    `title` is an optional string which customizes the title of your example card
*/}

<Example title="Hello world">
    Hello, world!
</Example>

Was this helpful?

What did you like?

Accurate

Easy to understand

Solved my problem

Helped me decide to use the product

Other

What went wrong?

Hard to understand

Incorrect information

Missing the information

Other

Thank you for helping improve Cloudflare's documentation!