# CodeBlock

Read the complete [LICENSE](https://snowui.dev/LICENSE) for the installed version before use.

Display copyable code with syntax highlighting, line numbers, fullscreen viewing, and resizing.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Package: `@snowui-design-system/components`. Import: `import { CodeBlock } from '@snowui-design-system/components';`. Source fingerprint: `30d339d1dc0dc78bd04665d812066c14b38550f4e367c426b9d2e81be1b13de0`.

## Usage choices

Use CodeBlock to display copyable code with built-in copy and fullscreen actions. Check the supported scope before using it for editable code; this display component is not an editor.

- Supply code for display. Copy and fullscreen buttons appear by default; visibleLines sets the initial number of visible lines.
- singleLine displays one line without a language label, line numbers, fullscreen panel, or vertical scrolling. A child with as="trailing" replaces the right action area.

## Read as needed

- [API](https://snowui.dev/llms/en/components/code-block/api.md): Public Props and defaults
- [Types and states](https://snowui.dev/llms/en/components/code-block/types.md): Public type declarations and binding rules
- [Full reference](https://snowui.dev/llms/en/components/code-block/reference.md): Composition and interaction boundaries
- [Styles](https://snowui.dev/llms/en/components/code-block/styles.md): Registered public overrides
- [Examples](https://snowui.dev/llms/en/components/code-block/examples.md): Code and preview links
- [Image index](https://snowui.dev/llms/components/code-block/images.json): Use only if appearance remains uncertain
- [Changelog](https://snowui.dev/llms/en/components/code-block/changelog.md): Version history reviewed in English

[Design guide](https://snowui.dev/llms/en/design-system.md) · [Styling guide](https://snowui.dev/llms/en/styling.md)