# Blocks

Larger parts built from the components: code, tables, toasts, toolbars, and more.

## Components

- [Code Block](/docs/components/code-block.md): Code block with syntax-highlighted snippets, a multi-language tab switcher, copy button, and an actions slot. Highlighting via highlight.js.
- [Color Picker](/docs/components/color-picker.md): A hex color picker with HSL, RGB or HSV channel controls and optional preset swatches.
- [Command](/docs/components/command.md): A command palette dialog with fuzzy search and grouped results.
- [Copy Button](/docs/components/copy-button.md): A button that copies text to the clipboard, with copy and copied states.
- [Data Table](/docs/components/data-table.md): Composable TanStack Table v9 presentation, with sorting, filtering, row selection, and pagination.
- [File Diff](/docs/components/file-diff.md): A unified diff viewer with a file top bar, change counts, and highlighted rows.
- [Folder Card](/docs/components/folder-card.md): Present a collection as a folder with a cover, title tab, index, and count.
- [Markdown](/docs/components/markdown.md): A safe GFM renderer for polished agent prose, tables, task lists, links, and code.
- [Notch](/docs/components/notch.md): A nonmodal panel attached to a viewport edge for short updates and ongoing activity.
- [Reorder List](/docs/components/reorder-list.md): Reorder controlled items with pointer or keyboard input.
- [Show More](/docs/components/show-more.md): Clamp long content and reveal the rest on demand.
- [Task Steps](/docs/components/task-steps.md): Narrate ordered asynchronous work without noisy updates.
- [Toast](/docs/components/toast.md): Transient notifications fired from anywhere in your app.
- [Toolbar](/docs/components/toolbar.md): Composable keyboard toolbar with buttons, links, and selectable groups.