Block demo

Content blocks

The small pieces pages are made from.

Heading · levels 2 to 4

Heading level 2

Heading level 3

Heading level 4

Text · rich text

This is sample content for the block demo. Swap it for your own text in the editor. Text supports bold, italic and links.

  • Bulleted lists
  • With several items
  1. Numbered lists
  2. Too

And quotes.

Text · centred

This is sample content for the block demo. Swap it for your own text in the editor.

Image
Green hills under a cloudy sky
Buttons · primary, secondary, outline
Divider · solid, dashed, dotted
Spacer · 60px of empty space below
Columns · text beside an image

Two columns

This is sample content for the block demo. Swap it for your own text in the editor.

A laptop on a desk
Columns · three

One

This is sample content for the block demo. Swap it for your own text in the editor.

Two

This is sample content for the block demo. Swap it for your own text in the editor.

Three

This is sample content for the block demo. Swap it for your own text in the editor.

Video · YouTube
Code · PHP with filename and line numbers
app/Models/Post.php
<?php

namespace App\Models;

class Post extends Model
{
    protected $fillable = ['title', 'slug', 'blocks'];
}
Code · TypeScript
TSX
export function Greeting({ name }: { name: string }) {
    return <p>Hello, {name}!</p>;
}