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.:

@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:

<ect-link Href="https://news.bbc.co.uk" 
          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

None

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)