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: README.md
+19Lines changed: 19 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -319,6 +319,25 @@ Alternatively you can use the `our-active-class` attribute in conjuction with `o
319
319
</ul>
320
320
```
321
321
322
+
## `<our-link>`
323
+
This tag helper element `<our-link>` will create a simple anchor tag using the Umbraco Multi Url Picker property editor that uses the C# Model `Umbraco.Cms.Core.Models.Link`
324
+
325
+
Note if the link set is an external link and you set the target of the link to be `_blank`, then the link will have the noopener attribute added to the link.
326
+
327
+
### Simple Example
328
+
```cshtml
329
+
<our-link="@Model.ctaLink">
330
+
<h2>Hi There</h2>
331
+
</our-link>
332
+
```
333
+
334
+
Alternatively if you use the `<our-link>` without child DOM elements then it will use the `Title` property of the link in the Multi Url Picker property editor to create the anchor tag.
335
+
336
+
```cshtml
337
+
<our-link="@Model.ctaLink"></our-link>
338
+
```
339
+
340
+
With this tag helper the child DOM elements inside the `<our-link>` is wrapped with the `<a>` tag
322
341
323
342
## Video 📺
324
343
[](https://www.youtube.com/watch?v=3fkDs0NwIE8)
0 commit comments