# EclLinkDirective

**Type:** directive



'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.


**Selector:** `[eclLink]`

## Inputs
- **extraAttributes**: `{ name: string; value?: string | null }[] | undefined` - Additional HTML attributes to be set on the link element. Used e.g. by social-media-follow for passing extra_attributes.
- **isHighlight**: `undefined` - Adds class for hightlighted link (works only with 'primary' variant)
- **isIconOnly**: `undefined` - Property to style the component if it consist only of an icon.
- **isInverted**: `undefined` - Property to style the component as 'inverted' (with dark background). Can be used alone or with 'standalone' variant.
- **isNoVisited**: `undefined` - 
- **variant**: `"standalone" | "primary" | "secondary" | "primary-neutral" | "primary-highlight"` - With 'variant' property user can add some more specific styling to the <a> component.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 
