Skip to content

Commit d3efc89

Browse files
committed
Updates "Available UFM components"
1 parent 6ea6ca9 commit d3efc89

File tree

1 file changed

+38
-6
lines changed

1 file changed

+38
-6
lines changed

15/umbraco-cms/reference/umbraco-flavored-markdown.md

Lines changed: 38 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -38,17 +38,49 @@ With this example, the syntax `{umbValue: bodyText}` would be processed and rend
3838

3939
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).
4040

41-
## Available UFM components
4241

43-
As for Umbraco 14.1.0, the following UFM components are available to use.
4442

45-
| Name | Marker | Example syntax | Renders component |
46-
| ----------- | ------ | ----------------- | ------------------------------------ |
47-
| Label Value | `=` | `{=bodyText}` | `<ufm-label-value alias="bodyText">` |
48-
| Localize | `#` | `{#general_name}` | `<umb-localize key="general_name">` |
43+
44+
## UFM components
45+
46+
### Available UFM components
47+
48+
As of Umbraco 15.0.0, the following UFM components are available to use.
49+
50+
- Label Value
51+
- Localize
52+
- Content Name
4953

5054
More UFM components will be available in upcoming Umbraco releases.
5155

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+
5284
If you wish to develop your own custom UFM component, you can use the `ufmComponent` extension type:
5385

5486
```json

0 commit comments

Comments
 (0)