Platform: Link Component Technical Design - SAP/fundamental-ngx GitHub Wiki
Simple anchor link. See Fundamental-Styles implementation for reference.
<fdp-link [href]="'#'"
[hreflang]="'en'"
[download]="'/path/to/download/file'"
[media]="'print and (resolution:300dpi)'"
[rel]="'nofollow'"]
[target]="target"
[type]="'text/html'">Link</fdp-link>
<fdp-link [href]="'#'"[disabled]="true">Disabled Link</fdp-link>
The filename of the file which will be downloaded when the user clicks on the link.
URL of the page the link references.
The language of the linked document. (e.g. 'en', 'fr', 'de', 'jp')
The media/device that the linked document is optimized for.
The relationship between current document and linked document. (e.g. 'alternate', 'external', 'nofollow')
Specifies where to open the linked document.
The media type of the linked document.
Sets link in "disabled" mode.
<a class="fd-link" [attr.href]="href" [attr.aria-disabled]="disabled"><ng-content></ng-content></a>
Link to general support for i18n: Supporting internationalization in ngx/platform
Special Usecase: No
-
fdp-link
can be supported normally with i18n marker:
<fdp-link
i18n="@@linkText"
[href]="'#'"
[hreflang]="'en'"
[download]="'/path/to/download/file'"
[media]="'print and (resolution:300dpi)'"
[rel]="'nofollow'"]
[target]="target"
[type]="'text/html'">
Link
</fdp-link>
Redesign Required: No
Reference to link attributes: https://www.w3schools.com/tags/tag_a.asp