You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 15/umbraco-cms/reference/umbraco-flavored-markdown.md
+38-6Lines changed: 38 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -38,17 +38,49 @@ With this example, the syntax `{umbValue: bodyText}` would be processed and rend
38
38
39
39
The internal working of the `ufm-label-value` component would then be able to access the property's value using the [Context API](../extending/backoffice-setup/working-with-data/context-api).
40
40
41
-
## Available UFM components
42
41
43
-
As for Umbraco 14.1.0, the following UFM components are available to use.
44
42
45
-
| Name | Marker | Example syntax | Renders component |
As of Umbraco 15.0.0, the following UFM components are available to use.
49
+
50
+
- Label Value
51
+
- Localize
52
+
- Content Name
49
53
50
54
More UFM components will be available in upcoming Umbraco releases.
51
55
56
+
57
+
#### Label Value
58
+
59
+
The Label Value component will render the current value of a given property alias.
60
+
61
+
The alias prefix is `umbValue`. An example of the syntax is `{umbValue: bodyText}`, which would render the component as `<ufm-label-value alias="bodyText"></ufm-label-value>`.
62
+
63
+
For brevity and backwards-compatibility (with Umbraco 14.1.0), the `=` marker prefix can be used, e.g. `{=bodyText}`.
64
+
65
+
66
+
#### Localize
67
+
68
+
The Localize component will render a localization for a given term key.
69
+
70
+
The alias prefix is `umbLocalize`. An example of the syntax is `{umbLocalize: general_name}`, which would render the component as `<ufm-localize alias="general_name"></ufm-localize>`.
71
+
72
+
Similarly, for brevity and backwards-compatibility (with Umbraco 14.1.0), the `#` marker prefix can be used, e.g. `{#general_name}`.
73
+
74
+
75
+
#### Content Name
76
+
77
+
The Content Name component will render the name of a content item, (either Document, Media or Member), from the value of a given property alias. Multiple values will render the names as a comma-separated list.
78
+
79
+
The alias prefix is `umbContentName` An example of the syntax is `{umbContentName: pickerAlias}`, which would render the component as `<ufm-content-name alias="pickerAlias"></ufm-content-name>`.
80
+
81
+
As of Umbraco 15.0.0, the Content Name component supports the content-based pickers, e.g. Document Picker, Content Picker (formerly known as Multinode Treepicker) and Member Picker. Support for the advanced Media Picker will be available in upcoming Umbraco release.
82
+
83
+
52
84
If you wish to develop your own custom UFM component, you can use the `ufmComponent` extension type:
0 commit comments