JustFlows

Документация пока доступна только на английском языке. Остальная часть сайта соответствует вашему языку.

Core blocks

The core block types plus the built-in Post List and Comments: content, media, responsive layout, reusable content, sections, template context, and site chrome.

7 минута чтения

Registered in @justflows/blocks and exposed at GET /api/blocks. Type ids are stable (core.*).

Content and media
TypeTitleCategoryMain props
core.paragraphParagraphcontentrichtext text
core.headingHeadingcontenttext, level 1–6 (default 2)
core.quoteQuotecontentrichtext text, attribution
core.buttonButtoncontentlabel and href (typed URL or page/post picker; sanitized)
core.link-listLink Listcontentoptional heading and reorderable links
core.htmlHTMLcontentsanitized HTML, wrapped in one <div class="jf-html"> so block styles and scoped CSS apply to every top-level node
core.codeCodecontentcode listing
core.imageImagemediasrc (media), alt, caption
core.embedEmbedmediaembed URL
Layout
TypeTitleNotes
core.dividerDividerHorizontal rule.
core.spacerSpacerVertical space.
core.sectionSectionChildren wrapper.
core.containerContainerWidth-constrained children.
core.groupGroupGeneric children group.
core.columnsColumnsChildren should be core.column.
core.columnColumnOne column inside columns.
core.gridGridResponsive column grid; move and resize any child visually or enter its exact placement.
core.reusableReusable blockLinked reference to a saved library block, resolved on the server.
Site chrome and dynamic content
TypeTitleUse
core.color-schemeLight / darkLight, dark, or Auto (follow the visitor's device).
core.language-switcherLanguage switcherFull locale, short locale, flags, flag and locale, or flag and country-name styles, each an accessible dropdown.
core.auth-linksLogin / registerAccount links; registration appears publicly only when enabled in Settings.
justflows.blog.post-listPost ListPaginated published posts in a grid or list, with optional images, dates, and excerpts.
justflows.comments.threadCommentsThreaded approved discussion plus a guarded submission form; see Comments.
Sections
TypeTitleUse
core.heroHeroPage intro band.
core.featuresFeaturesFeature grid.
core.ctaCall to ActionClosing conversion band.

The core.color-scheme (light/dark) block ships several designs — a two/three-button segmented control, a single sun/moon toggle, a switch, a compact dropdown, plain text labels, or icon buttons with tooltips — each selectable per block with size, radius, overridable icons and labels, and an optional animated icon change that respects prefers-reduced-motion. All variants share one CSP-safe preference engine.

Templates add context blocks that render the current request's content: core.post-title, core.post-content, core.post-meta, core.post-excerpt, core.featured-image, and core.template-part. See Templates.

Good to know

Images use loading="lazy" and safeMediaSrc. Buttons and embeds refuse unsafe URLs. Custom HTML is sanitized, not blindly echoed.