Repository navigation
Component Properties
Michael Dörer edited this page Oct 5, 2026
·
1 revision
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 withoutvaluemeans "no class" -
option– checkbox that sets one class
| 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 | 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 |