From bac6096543db2c2bea1bf00d1b32546f372350bc Mon Sep 17 00:00:00 2001 From: Ben Holland Date: Wed, 3 Dec 2025 16:42:51 +0100 Subject: [PATCH 1/3] Update 'headline' to 'title' in paragraph field This attribute works, while "headline" doesn't. --- docs/docs/extensions/syntax-for-forms.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/docs/extensions/syntax-for-forms.md b/docs/docs/extensions/syntax-for-forms.md index 6d769784..05b67d10 100644 --- a/docs/docs/extensions/syntax-for-forms.md +++ b/docs/docs/extensions/syntax-for-forms.md @@ -589,14 +589,14 @@ defaults to `text`. ![Paragraph Field](../../images/fields/paragraph.png) -The `paragraph` field allows you to display a paragraph of text. The `headline` is optional. There is no `value` for +The `paragraph` field allows you to display a paragraph of text. The `title` is optional. There is no `value` for this field. ```yaml - type: paragraph id: paragraph attributes: - headline: Headline + title: Headline content: Lorem ipsum dolor sit amet, consetetur sadipscing elitr… ``` From 3d478d61a6f96964c2b28442b6f01fa700ed1952 Mon Sep 17 00:00:00 2001 From: Ben Holland Date: Thu, 4 Dec 2025 15:42:20 +0100 Subject: [PATCH 2/3] Document icon attribute for accordion field Added information about the icon attribute for accordion. --- docs/docs/extensions/syntax-for-forms.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/docs/extensions/syntax-for-forms.md b/docs/docs/extensions/syntax-for-forms.md index 05b67d10..5c9328d4 100644 --- a/docs/docs/extensions/syntax-for-forms.md +++ b/docs/docs/extensions/syntax-for-forms.md @@ -924,6 +924,7 @@ The `accordion` field can be used to group any number of other fields. id: my-accordion attributes: label: My Accordion + icon: gear fields: - type: boolean id: random @@ -941,7 +942,7 @@ The `accordion` field can be used to group any number of other fields. - ... ``` -The field does not store any values. +The `icon` attribute can be set to the name of any [Fontawesome icon](https://fontawesome.com/search). The field does not store any values. ### Group Field From 95a0ee77b3c77f8ab5d264871093fd2476076af1 Mon Sep 17 00:00:00 2001 From: Ben Holland Date: Fri, 16 Jan 2026 13:39:42 +0100 Subject: [PATCH 3/3] FontBunny font loading example --- docs/docs/extensions/syntax-for-forms.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/docs/docs/extensions/syntax-for-forms.md b/docs/docs/extensions/syntax-for-forms.md index 5c9328d4..643d09ac 100644 --- a/docs/docs/extensions/syntax-for-forms.md +++ b/docs/docs/extensions/syntax-for-forms.md @@ -495,6 +495,24 @@ Resulting `values`: } ``` +Here's an example of how to load a given font from FontBunny: + +```js +function loadFont(fontFamily: string) { + // Check if font is already loaded + const existingLink = document.querySelector(`link[href*="${fontFamily.replace(/\s+/g, '+')}"]`) + if (existingLink) { + return + } + + // Create and append link element for Bunny Fonts + const link = document.createElement('link') + link.rel = 'stylesheet' + link.href = `https://fonts.bunny.net/css?family=${fontFamily.replace(/\s+/g, '+')}:100,200,300,400,500,600,700,800,900` + document.head.appendChild(link) +} +``` + ### Input Field ![Input Field](../../images/fields/input.png)