---
title: Block
description: Blocks placed on a grid of columns, rather than by a layout.
source: https://github.com/crabtalk/bezel/blob/main/crates/mermaid/src/diagrams/block/mod.rs
---

> One page of the bezel documentation. The index is https://bezel.gallery/llms.txt

# Block

```mermaid
block
  columns 3
  Frontend blockArrowId6<[" "]>(right) Backend
  space:2 down<[" "]>(down)
  Disk left<[" "]>(left) Database[("Database")]
```

## Syntax

- `columns n` sets the grid; blocks fill it left to right.
- `id["label"]` is a block; the same brackets as a flowchart pick its shape, and `id:n` spans `n` columns.
- `space` or `space:n` leaves cells empty.
- `block:id … end` nests a grid; `id<["label"]>(right)` is an arrow block.
- `a --> b` joins two blocks; `classDef`, `class` and `style` restyle them.