Note properties and layout groups

What this demonstrates

This page makes frontmatter inspectable. note-properties renders selected fields from the YAML frontmatter as a visual properties view before the body, without requiring readers to open the Markdown source. The page also exercises the layout system:

search, dark mode and reader mode share a toolbar flex group;
breadcrumbs render before the body only when condition: not-index is true;
the content page type inherits the normal sidebars;
the folder, tag, canvas and bases page types have explicit overrides in config.

Configuration used

  - source: "@quartz-community/note-properties"
    enabled: true
    options:
      includeAll: false
      includedProperties:
        - description
        - tags
        - aliases
      excludedProperties: []
      hidePropertiesView: false
      delimiters: ---
      language: yaml
    order: 5
    layout:
      position: beforeBody
      priority: 15
      display: all
 
layout:
  groups:
    toolbar:
      priority: 35
      direction: row
      gap: 0.5rem
  byPageType:
    content: {}
    folder:
      exclude:
        - reader-mode
      positions:
        right: []
    canvas:
      exclude:
        - table-of-contents
      positions:
        right: []
    bases:
      exclude:
        - table-of-contents
        - reader-mode

Content used

---
title: Note Properties and Layout Groups
description: "A visible frontmatter properties panel plus grouped toolbar controls."
tags:
  - sandbox
  - experiment
  - layout
  - frontmatter
aliases:
  - properties-layout-demo
---

Rendered result

Look above the heading for the properties view. Its rows are derived from description, tags, and aliases; adding an unrelated key would not display it because includeAll is false. On a wide viewport the toolbar controls share a row, while the left and right sidebars stay separate. On a nested page, breadcrumbs appear before the body; on index they do not, because the condition deliberately excludes the root.

What the rendered output proves

The DOM contains the note-properties panel and rows for the three included fields, a toolbar flex group containing the search/darkmode/reader-mode controls, and breadcrumb markup on this non-index route. The config’s byPageType keys are observable by comparing this content page with the canvas and bases routes: those page types have no empty TOC or right sidebar.

safe_for_shared_engine

false — the components are individually reversible, but changing the global layout group and page-type overrides would alter navigation chrome across all 51 wikis. Keep the visual composition sandbox-only until each consuming wiki opts in deliberately.

Quartz Sandbox

Sandbox files

Note Properties and Layout Groups