Code Block

Display formatted source code with syntax highlighting.

@sigil-ui/componentsReact

Preview

import { CodeBlock } from "@sigil-ui/components";

<CodeBlock language="tsx" code={`import { Button } from "@sigil-ui/components";

export function CTA() {
  return <Button>Ship it</Button>;
}`} />

Prop	Type	Default	Description
`code`	`string`	—	Code content.
`language`	`string`	—	Language label.
`showLineNumbers`	`boolean`	`true`	Show line numbers.
`fileName`	`string`	—	File name to display.

Clipboard

Copy a value and provide feedback when copying succeeds or fails.

Collapsible

Reveal optional content from an accessible trigger.