CodeBlock

Code display with optional filename header and copy button.

Example

app.tsx
import '@toucan-ui/tokens/css';
import { Button } from '@toucan-ui/core';

Props

NameTypeDefaultRequiredDescription
codestring—RequiredCode content
languagestring—NoLanguage label
filenamestring—NoFilename shown in header

Composed Atoms

TextButton