Alan seçenekleri

Tasarım bloklarında paylaşılan enum ve seçim değerleri: sunum (presentation), görünüm, eylem, görünürlük ve daha fazlası.

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.

presentation

Presentation. How repeating media or list items are laid out on the page.

Kullanan alanlar: presentation, listLayout, displayMode

gallery — Static multi-item grid (or gallery) layout.
slider — Carousel / slider that advances through items.
grid — Object list layout: items arranged in a CSS grid.

appearance

Appearance. Visual style for button-like controls.

Kullanan alanlar: appearance

filled — Solid fill with contrasting text.
text — Text-only / ghost style without a filled background.

action

Button action. What happens when a visitor activates a button or button link.

Kullanan alanlar: action

navigate — Follow the configured URL / route.
copyEntryLink — Copy the current object entry link to the clipboard.
shareSocial — Open a share flow for the selected social network.
websiteUserSignOut — Sign the website user out of the site session.
notifications — Open or focus the notifications UI for signed-in users.
flowNext — Advance to the next step in a Flow block.

Social network. Brand / share target when the button action is shareSocial.

Kullanan alanlar: socialNetwork

whatsapp
x
facebook
linkedin

heading-level

Heading level. Semantic HTML heading level used for hierarchy, accessibility, and SEO.

Kullanan alanlar: level

h1 — Primary page heading. Prefer one H1 per page topic.
h2
h3
h4
h5
h6

text-align

Alignment. Horizontal alignment for text or slider navigation controls.

Kullanan alanlar: textAlign, navAlign, listSliderNavAlign, overlayTextAlign

left
center
right

underline-mode

Underline mode. How heading underline decoration is drawn relative to the text.

Kullanan alanlar: underlineMode

inline — Decoration follows the text inline.
separate — Decoration is drawn as a separate line under the text.

image-mode

Image fit. How an image fills its frame.

Kullanan alanlar: imageMode, backgroundImageMode

cover — Fill the frame; crop overflow if needed.
contain — Fit the whole image inside the frame; may letterbox.
repeat — Tile the image (background images).

orientation

Orientation. Axis for lines and similar decorative controls.

Kullanan alanlar: orientation

horizontal
vertical

controls-placement

Slider controls placement. Where SlotSlider title, counter, and chevrons sit relative to sliding media.

Kullanan alanlar: controlsPlacement

below — Default: chevrons and dots under the viewport.
sidePanel — Fixed side panel holds the active slide’s panel slot plus counter and chevrons; only media slides.

transition

Slider transition. Motion used when a slider advances between slides.

Kullanan alanlar: transition, listSliderTransition

slide — Default horizontal slide.
fade — Cross-fade between slides.
slideUp
zoom
cover
flip
flipUp
cube
cubeUp
carousel
fold

auth-visibility

Auth visibility. Who can see a block based on website sign-in state.

Kullanan alanlar: authVisibility

all — Everyone.
authenticated — Signed-in website users only.
anonymous — Signed-out visitors only.

route-lock-visibility

Route lock visibility. On locked object routes, when the block should appear.

Kullanan alanlar: routeLockVisibility

all — Always.
when_unlocked — Only when the route is unlocked.
when_locked — Only when the route is locked.

entry-action-visibility

Entry action visibility. Object-component only: show when the current entry exposes matching actions.

Kullanan alanlar: entryActionVisibility

all — Always.
canUpdate — When the visitor can update the entry.
canDelete — When the visitor can delete the entry.

query-page-visibility

Query page visibility. Optional limit for list blocks across query pages.

Kullanan alanlar: queryPageVisibility

all — All query pages.
first_page_only — Only the first query page.

padding-token

Padding token. Theme spacing tokens for block padding. Tokens keep spacing consistent with the site theme.

Kullanan alanlar: padding

none
xs
sm
md
lg
xl

border-width

Border width. Theme border-width tokens.

Kullanan alanlar: borderWidth, thickness

none
sm
md
lg

border-radius

Border radius. Theme border-radius tokens.

Kullanan alanlar: borderRadius

none
sm
md
lg
xl
full

border-style

Border style. CSS border style for decorated blocks.

Kullanan alanlar: borderStyle

solid
dashed
dotted

background-kind

Background kind. Fill mode for block backgrounds.

Kullanan alanlar: backgroundKind

solid
gradient
image
video
animation

background-grid-style

Background grid style. Reactive grid cell rendering: filled cells or interconnected continuous outlines. Custom SVG shapes always render as cells.

Kullanan alanlar: backgroundGridStyle