Links
Styles
No-history
This variant remove any effect on visited links.
c-link--no-history
Default
Muted
Inverse
Inherit
Underline
By default the links display an underline on hover. You can force the underline in any state with this variant.
c-link--underline
Default
Muted
Inverse
Inherit
No underline
By default the links display an underline on hover. You can prevent the underline tpo display in any state with this variant.
c-link--no-underline
Default
Muted
Inverse
Inherit
Next
Add a next icon with hover animation. The icon should be embbeded as SVG.
c-link--next
Default
Learn more
Muted
Learn more
Inverse
Learn more
Inherit
Learn more
Prev
Add a prev icon with hover animation. The icon should be embbeded as SVG.
c-link--prev
Default
Back
Muted
Back
Inverse
Back
Inherit
0Back
Interactive child
You can create link blocks with an inner (fake) link. When you add the is-interactive class to the wrapping link block, the inner link component will then react when you hover the parent block, instead of when hovering itself.
10 ways to improve your reception
Lorem ipsum dolor sit amet consectetur adipiscing elit.
Learn moreBlock elements with is-interactive class.
10 ways to improve your reception
Lorem ipsum dolor sit amet consectetur adipiscing elit.
Learn moreBlock elements without is-interactive class.
Imbricated c-link components elements with is-interactive class.
Imbricated c-link components elements without is-interactive class.