packages/ecl/components/ecl-link/ecl-link.directive.ts
'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.
AfterContentInit
| Selector | [eclLink] |
Properties |
|
Methods |
Inputs |
HostBindings |
Accessors |
constructor(el: ElementRef)
|
||||||
|
Parameters :
|
| isIconOnly |
Type : boolean
|
Default value : false
|
|
Property to style the component if it consist only of an icon. |
| isInverted |
Type : boolean
|
Default value : false
|
|
Property to style the component as 'inverted' (with dark background). |
| isNoVisited |
Type : boolean
|
| variant |
Type : "standalone" | "cta" | "primary" | "secondary"
|
|
With 'varian' property user can add some more specific styling to the component. |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
|
Adds speific ECL classes to the component. |
| class.ecl-link--icon |
Type : boolean
|
|
Adds class for styling if the link has icon. |
| class.ecl-link--no-visited |
Type : boolean
|
| onBlur |
onBlur()
|
|
Calls the native blur() method of the default HTML element.
Returns :
void
|
| onClick |
onClick()
|
|
Calls the native click() method of the default HTML element.
Returns :
void
|
| onFocus |
onFocus()
|
|
Calls the native focus() method of the default HTML element.
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| eclIconComponents |
Type : QueryList<EclIconComponent>
|
Decorators :
@ContentChildren(undefined, {descendants: true})
|
| Public el |
Type : ElementRef
|
| cssClasses |
getcssClasses()
|
|
Adds speific ECL classes to the component.
Returns :
string
|
| hasIcon |
gethasIcon()
|
|
Adds class for styling if the link has icon.
Returns :
boolean
|
| isLinkNoVisited |
getisLinkNoVisited()
|