feat(slash): add Link Component

[pplancq]

Description

Implémentation du composant Link pour slash, pour ce composant j'ai fait le choix de suffixer la class css par af-slash car af-link sembler déjà exister (bien que le composant non) et je ne voulais pas occasionner de break ou parasiter les autres class css.

Le composant implémente le style décrit ici https://zeroheight.com/4b1e27a45/v/latest/p/657e74-link/b/7443f5

• Pour les icones le composant fonctionne avec les glyphicon mais aussi les svg.

• Le composant Link permet de surcharger automatiquement l'attribut rel de la balise a par noopener noreferrer si la target vaut _blank

• Le composant Link est interopérable facilement avec des lib de routage tel que react-router-dom

import { Link as RouterLink } from "react-router-dom";

export const LinkExample = () => (
  <Link component={RouterLink} to="/contact">
    Go to Contact Page
  </Link>
);

[johnmeunier]

Hum j'y pense, Link c'est déjà un composant react-router, ca va poser problème et des gymnastiques pour rien ?

[sonarqubecloud]

Quality Gate failed

Failed conditions
66.1% Coverage on New Code (required ≥ 80%)
8.2% Duplication on New Code (required ≤ 3%)
C Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

[pplancq]

Hum j'y pense, Link c'est déjà un composant react-router, ca va poser problème et des gymnastiques pour rien ?

Alors oui je suis d'accord mais le zeroheight nomme un lien Link
Après j'ai toujours eu cette habitude car avec le lib material le composant de lien s'appel Link aussi

import { Link as RouterLink } from "react-router-dom";

export const LinkExample = () => (
  <Link component={RouterLink} to="/contact">
    Go to Contact Page
  </Link>
);