EctLink
This library was generated with
Angular CLI version 21.0.1.
Description
This component allows for the creation of a WCAG compliant URL link that opens the link in a new browser window/tab.
Usage
After installing the NPM package, to use the component, first import the EctLinkComponent into your component's Imports array, e.g.:
``
javascript
@Component({
selector: 'my-component',
imports: [ EctLinkComponent ],
templateUrl: './my-component.component.html',
styleUrl: './my-component.css'
})
`
In your HTML template, to add a link that opens up the homepage for BBC News, use this:
`
html
Text="BBC News" />
``
Properties
-
Href: Optional. HTTP URL.
-
Text: Optional. Text description of the URL.
-
CssClasses: Optional. CSS classes to style the link.
-
Icon: Optional. Icon to include before the link's text.
-
Target: Optional. Default is _blank.
-
ViewScale: Optional. Show the link at a certain % scale. This helps with accessibility.
Events
-
onClick: Click action.
Dependencies
EctAutoId - https://www.npmjs.com/package/ect-auto-id - A directive that makes sure that all HTML elements are unique.
Cost
If you find some benefit from using this package, please consider the time it took to put this together, and why not buy me a coffee? Goodness only knows that most of us would not function without coffee. All donations very much welcomed:
(https://www.buymeacoffee.com/exoduscloudtech)
Licence
The licence agreement for this paid component can be found here: (https://angular-grid.net/assets/licence/licence_agreement.txt)