hashicorp / structure

Structure (aka "PDS") [deprecated]
https://hashicorp-structure.vercel.app
Mozilla Public License 2.0
24 stars 5 forks source link

feat(pds-ember): add Pds::CtaLink component #29

Closed CITguy closed 3 years ago

CITguy commented 3 years ago

JIRA: PDS-171

Port of the <CtaLink> component from HCP.

Screenshots

Enabled

blurred cta-link - blurred

hover cta-link - hover

focus cta-link - focus

hover + focus cta-link - hover + focus

focus + active cta-link - focus + active

focus + active + hover cta-link - 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.

disabled cta-link (disabled)

disabled + focus cta-link (disabled) - focus