Marc Mintel
6864903cff
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 10s
Build & Deploy / 🧪 QA (push) Failing after 2m24s
Build & Deploy / 🏗️ Build (push) Failing after 3m40s
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🩺 Health Check (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 3s
53 lines
1.2 KiB
TypeScript
53 lines
1.2 KiB
TypeScript
import { MintelBlock } from "./types";
|
|
|
|
import type { Block } from "payload";
|
|
|
|
export const ImageTextBlock: MintelBlock = {
|
|
slug: "imageText",
|
|
labels: {
|
|
singular: "Image Text",
|
|
plural: "Image Texts",
|
|
},
|
|
admin: {
|
|
group: "MDX Components",
|
|
},
|
|
ai: {
|
|
name: "ImageText",
|
|
description: "Layout component for image next to explanatory text.",
|
|
usageExample:
|
|
'\'<ImageText image="/img.jpg" title="Architektur">Erklärung...</ImageText>\'',
|
|
},
|
|
fields: [
|
|
{
|
|
name: "image",
|
|
type: "upload",
|
|
relationTo: "media",
|
|
required: true,
|
|
admin: { description: "Laden Sie die Datei für image hoch." },
|
|
},
|
|
{
|
|
name: "text",
|
|
type: "textarea",
|
|
required: true,
|
|
admin: {
|
|
components: {
|
|
afterInput: [
|
|
"@/src/payload/components/FieldGenerators/AiFieldButton#AiFieldButton",
|
|
],
|
|
},
|
|
description: "Geben Sie den mehrzeiligen Text für text ein.",
|
|
},
|
|
},
|
|
{
|
|
name: "alignment",
|
|
type: "select",
|
|
options: [
|
|
{ label: "Left", value: "left" },
|
|
{ label: "Right", value: "right" },
|
|
],
|
|
defaultValue: "left",
|
|
admin: { description: "Wählen Sie eine Option für alignment aus." },
|
|
},
|
|
],
|
|
};
|