maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-29 05:00:43 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Circumvent intentional hash-link usage on example file (jsx-a11y/anchor-is-valid)

Browse source
This commit is contained in:
Vesa Luusua 2019-05-03 01:30:09 +03:00
parent a0fe57dfa4
commit 20d619df95
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/Button/Button.example.js
View file

@ -9,6 +9,7 @@ const preventDefault = e => {
e.preventDefault();
};
const hashLink = '#';
class InteractiveButton extends Component {
constructor(props) {
super(props);
@ -130,29 +131,29 @@ const ButtonsComponent = () => {
</p>
<p>
Lorem ipsum{' '}
<a href="#" onClick={preventDefault}>
<a href={hashLink} onClick={preventDefault}>
a normal link
</a>{' '}
dolor sit amet
</p>
<h3>Link that looks like a default button:</h3>
<a className={css.buttonLink} href="#" onClick={preventDefault}>
<a className={css.buttonLink} href={hashLink} onClick={preventDefault}>
Click me
</a>
<h3>Translated link that looks like a default button:</h3>
<a className={css.buttonLink} href="#" onClick={preventDefault}>
<a className={css.buttonLink} href={hashLink} onClick={preventDefault}>
<span>Clique moi</span>
</a>
<h3>Link that looks like a primary button:</h3>
<a className={css.buttonLinkPrimary} href="#" onClick={preventDefault}>
<a className={css.buttonLinkPrimary} href={hashLink} onClick={preventDefault}>
Click me
</a>
<h3>Link that looks like a secondary button:</h3>
<a className={css.buttonLinkSecondary} href="#" onClick={preventDefault}>
<a className={css.buttonLinkSecondary} href={hashLink} onClick={preventDefault}>
Click me
</a>