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: toggles
empty: false
default: "h2"
labels: false
options:
- value: h1
icon: h1
text: H1
- value: h2
icon: h2
text: H2
- value: h3
icon: h3
text: H3
- value: h4
icon: h4
text: H4
- value: h5
icon: h5
text: H5
- value: h6
icon: h6
text: H6
text:
label: field.blocks.heading.text
type: writer
inline: true
placeholder: field.blocks.heading.placeholder
To overwrite this default blueprint, place your custom file in /site/blueprints/blocks/heading.yml
.
Vue component
kirby/blob/main/panel/src/components/Forms/Blocks/Types/Heading.vue