Skip to content

Component Properties

Michael Dörer edited this page Oct 5, 2026 · 1 revision

Component Properties

Properties are options in the Livingdocs editor. Each one adds a CSS class to the component. A component references properties by name in its ld-conf.json:

{ "name": "quote", "label": "Quote", "properties": ["width-reduced", "pdf-spacer", "hide-quote-characters"] }

Properties are defined in properties.json (or .js/.ts) in one of two places:

  • Shared: livingdocs/999.Properties/<name>/ – available to all components
  • Component-specific: in the component folder itself

Types:

  • select – dropdown; an option without value means "no class"
  • option – checkbox that sets one class

Shared properties (999.Properties)

Folder Property Label Type Options
alignment horizontal-alignment Horizontal alignment select left, center, right
alignment vertical-alignment Vertical alignment select top, center, bottom
background-color background-color Background color select None, Primary, Secondary, Tertiary
font-color font-color Font color select Default, white
grid width-all Width select Regular, Wide, Full
grid width-reduced Width select Regular, Wide
hide-quote-characters hide-quote-characters Hide quote characters before and after option
icon icon Icon select None, Arrow right, Download
pdf-page-layouts pdf-page-layout PDF page layout select A4 portrait (default), A4 landscape, A3 landscape
pdf-page-layouts pdf-hide-page-margin-boxes Hide page margin boxes option Hides header/footer on the PDF page
pdf-spacer pdf-spacer PDF spacer (please use with caution) select Default, XXS 1pt, XS 2pt, S 4pt, M 8pt, L 16pt, XL 32pt, XXL 48pt
pdf-spacer pdf-spacer-before / pdf-spacer-after PDF spacer before / after select same scale
portrait-borders portrait-borders Portrait border type select Circle (default), Square
reverse reverse Reverse option Swaps image and text side

Component-specific properties

Component Property Label Options
title-h1 … title-h5 h1-as … h5-as Title styling Default, styling from a lower title level
table pdf-padding PDF padding Normal, Tiny, Small (values from meta.table.padding)
table pdf-font-size PDF font-size Normal, Small
video showVideoLink Enable video link for PDF option
aside-content-container sticky Sticky aside column option
pdf-column-container column-behaviour Column behaviour Balanced, Unbalanced
pdf-cover invert-cover Font color scheme Normal, Black, White, Primary
pdf-landscape-container page-size Page size A4 (default), A3
pdf-chapter-navigation-item pdf-chapter-navigation-item-current Is current navigation item option
pdf-toc-page toc-page-type ToC page type Default, Main ToC
pdf-toc-item toc-title Show as title option

Clone this wiki locally