Bileşenler
Reusable page components referenced from pages via ComponentBlock.
Aşağıdaki alan düzeyi katalog tabloları İngilizce kalır — düzenleyici, API ve MCP’nin kullandığı makine tasarım şemasıyla birebir uyumludur.
Notes
- Saved block props are nested. Each block's own settings live under their group (for example
typography.sizeoraction.url). A button style isappearance.variant. Visibility and Customize live undershell(for exampleshell.visibility.breakpoints,shell.anchor.anchorId,shell.box.padding). Flat keys and older paths still load; the next save writes the nested shape. The field menu follows that stored tree. - Nested ComponentBlock embeds are not allowed inside page components.
Shared concepts
Categories
Content
- Simple text (
HeadingBlock) - Formatted text (
RichTextBlock) - Accordion list (
AccordionBlock)
Interactive
- Link list (
LinkListBlock) - Button (
ButtonBlock) - Interactive wrapper (
InteractiveWrapper) - Animated wrapper (
AnimatedWrapper) - Variable input (
VariableInputBlock)
Layout
- Decoration (
DecorationBlock) - Line (
LineBlock) - List (
FlexListBlock) - Grid (
GridListBlock) - Slot slider (
SlotSliderBlock) - Two-sided card (
TwoSideBlock) - Vertical spacer (
VerticalSpacer) - Modal (
ModalBlock) - Array template (
VariableArrayTemplateBlock)
Media
- Image block (
SingleImage) - Video (
VideoBlock) - Gallery (
MultipleImages) - SVG canvas (
SvgCanvasBlock) - Lottie (
LottieBlock)
Embeds
- YouTube video (
YoutubeEmbed) - Google Maps (
GoogleMapsEmbed)
Root fields
title
Title or heading text shown to visitors.
title: "FAQ"variables
Document variables, including type ticker (numeric, manual or automatic, with min, max, start, and automatic intervalMs/step). syncUrl keeps the query parameter equal to the variable name (page 1 is omitted). An older syncQueryKey still turns sync on, but the parameter is the name. scope: "site" is shared by the website; {{var:site.name}} reads it when a surface variable uses the same name. Edited in the Variables plugin. See shared concept ticker-and-page-rules.
variables: [{ id: "step", name: "Step", type: "ticker", ticker: { mode: "manual", min: 0, max: 3, start: 0 } }]rules
Page rules. Each rule has when (pageLoad or variableChange), conditions (auth, role label, or variable compare), and ordered actions (update variables, run a named data request, or redirect to an internal path). Edited in the Rules plugin. See shared concept ticker-and-page-rules.
rules: [{ id: "home", name: "Role home", enabled: true, when: { type: "pageLoad" }, conditions: [{ type: "auth", expect: "signedIn" }, { type: "role", roleLabel: "Reception" }], actions: [{ type: "redirect", path: "/reception" }] }]Blocks
- Simple text (
HeadingBlock) - Formatted text (
RichTextBlock) - Accordion list (
AccordionBlock) - Link list (
LinkListBlock) - Button (
ButtonBlock) - Interactive wrapper (
InteractiveWrapper) - Animated wrapper (
AnimatedWrapper) - Variable input (
VariableInputBlock) - Decoration (
DecorationBlock) - Line (
LineBlock) - List (
FlexListBlock) - Grid (
GridListBlock) - Slot slider (
SlotSliderBlock) - Two-sided card (
TwoSideBlock) - Vertical spacer (
VerticalSpacer) - Modal (
ModalBlock) - Array template (
VariableArrayTemplateBlock) - Image block (
SingleImage) - Video (
VideoBlock) - Gallery (
MultipleImages) - SVG canvas (
SvgCanvasBlock) - Lottie (
LottieBlock) - YouTube video (
YoutubeEmbed) - Google Maps (
GoogleMapsEmbed)