currently, only implements the "Primary Button" appearance
Screenshots
Enabled
blurred
hover
focus
hover + focus
focus + active
focus + active + hover
"Disabled"
WARNING: Use sparingly! Still allows keyboard focus, unless you override the [tabindex] attribute.
Visually disabled styling via the @disabled={{true}} argument (which adds the .pds--disabled class). However, it does not make the link semantically:disabled.
JIRA: PDS-171
Port of the
<CtaLink>
component from HCP.Screenshots
Enabled
blurred![cta-link - blurred](https://user-images.githubusercontent.com/545605/97340076-53116a80-1851-11eb-96b6-455f7ed80449.png)
hover![cta-link - hover](https://user-images.githubusercontent.com/545605/97340073-53116a80-1851-11eb-9675-d11c1e3c30b1.png)
focus![cta-link - focus](https://user-images.githubusercontent.com/545605/97340072-53116a80-1851-11eb-8e16-4e61e67a02af.png)
hover + focus![cta-link - hover + focus](https://user-images.githubusercontent.com/545605/97340070-5278d400-1851-11eb-97fa-cd625ab1d148.png)
focus + active![cta-link - focus + active](https://user-images.githubusercontent.com/545605/97340069-5278d400-1851-11eb-9872-d11427945091.png)
focus + active + hover![cta-link - focus + active + hover](https://user-images.githubusercontent.com/545605/97340067-5278d400-1851-11eb-9a82-0b89de8d6f62.png)
"Disabled"
WARNING: Use sparingly! Still allows keyboard focus, unless you override the
[tabindex]
attribute.Visually disabled styling via the
@disabled={{true}}
argument (which adds the.pds--disabled
class). However, it does not make the link semantically:disabled
.disabled![cta-link (disabled)](https://user-images.githubusercontent.com/545605/97340011-43922180-1851-11eb-8422-91b3431842bd.png)
disabled + focus![cta-link (disabled) - focus](https://user-images.githubusercontent.com/545605/97339993-3ecd6d80-1851-11eb-90d0-e4f81dea66ae.png)