Marc Mintel
b2f6627ec5
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 6s
Build & Deploy / 🧪 QA (push) Failing after 1m24s
Build & Deploy / 🏗️ Build (push) Has been skipped
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 2s
51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
import { MintelBlock } from "./types";
|
|
|
|
export const HeadingBlock: MintelBlock = {
|
|
slug: "mintelHeading",
|
|
labels: {
|
|
singular: "Heading",
|
|
plural: "Headings",
|
|
},
|
|
admin: {
|
|
group: "MDX Components",
|
|
},
|
|
ai: {
|
|
name: "Heading",
|
|
description:
|
|
"Flexible heading component with separated SEO and visual display levels.",
|
|
usageExample:
|
|
'\'<Heading seoLevel="h2" displayLevel="h3">Titel</Heading>\'',
|
|
},
|
|
fields: [
|
|
{
|
|
name: "text",
|
|
type: "text",
|
|
required: true,
|
|
admin: {
|
|
description: "Der Text der Überschrift.",
|
|
components: {
|
|
afterInput: [
|
|
"@mintel/payload-ai/components/AiFieldButton#AiFieldButton",
|
|
],
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "seoLevel",
|
|
type: "select",
|
|
options: ["h1", "h2", "h3", "h4", "h5", "h6"],
|
|
defaultValue: "h2",
|
|
admin: { description: "Das semantische HTML-Tag für SEO." },
|
|
},
|
|
{
|
|
name: "displayLevel",
|
|
type: "select",
|
|
options: ["h1", "h2", "h3", "h4", "h5", "h6"],
|
|
defaultValue: "h2",
|
|
admin: {
|
|
description: "Die visuelle Größe der Überschrift (unabhängig von SEO).",
|
|
},
|
|
},
|
|
],
|
|
};
|