# Code block

Present code with legible hierarchy and copy access.

- ID: `code-block`
- Import: `animui/code-block`
- Category: Data
- Runtime exports: `CodeBlock`
- Declaration: `types/free/components/code-block.d.ts`
- Type provenance: emitted-original-typescript
- Related: copy-button, tree-view

```tsx
import { CodeBlock } from 'animui/code-block';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info code-block` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { CodeBlock } from '../registry/components/code-block/code-block.js';
export type { CodeBlockProps } from '../registry/components/code-block/code-block.js';
```