Reference

Guide

heading

Headline from <h1> to <h6>

Preview

Default files

Snippet

<?php /** @var \Kirby\Cms\Block $block */ ?>
<<?= $level = $block->level()->or('h2') ?>><?= $block->text() ?></<?= $level ?>>

To overwrite this default snippet, place your custom file in /site/snippets/blocks/heading.php.

Blueprint

name: field.blocks.heading.name
icon: title
wysiwyg: true
preview: heading
fields:
  level:
    label: field.blocks.heading.level
    type: select
    empty: false
    default: "h2"
    width: 1/6
    options:
      - h1
      - h2
      - h3
      - h4
      - h5
      - h6
  text:
    label: field.blocks.heading.text
    type: writer
    inline: true
    width: 5/6
    placeholder: field.blocks.heading.placeholder

To overwrite this default blueprint, place your custom file in /site/blueprints/blocks/heading.yml.

Vue component

kirby/blob/master/panel/src/components/Blocks/Types/Heading.vue