Text - Link
Last updated: 9/21/21
This is a description for link.
Base
Use the base class pier-link
on a text element.
HTML markup
<a class="pier-link">Base Link</a>
Sizes
Use the modifier classes pier-link--xs
, pier-link--sm
, or pier-link--md
to change the size of the link.
HTML markup
<a class="pier-link pier-link--xs">Extra-Small Link</a
><a class="pier-link pier-link--sm">Small Link</a
><a class="pier-link pier-link--md">Medium Link</a>
Disabled
Use the modifier class pier-link--disabled
to change the state of the link to disabled.
HTML markup
<a class="pier-link pier-link--disabled">Base Link</a>
Dark
Use the modifier class pier-link--dark
to change the style of the link for dark UI themes.
HTML markup
<a class="pier-link pier-link--dark">Base Link</a>
© 2021 Gumgum, Inc.