Link

Links allow users to navigate to a different location. They can be used inline with a paragraph or as a standalone text.

    Usage

    Overide color dark theme

    Check out our docs. 

    <p class="dark:text-white">
  Check out our <a class="c-link" href="https://docs.appsignal.com/">docs</a>.
</p>

    Keep color dark theme

    Invisible link (hover left)

    Visible link 

    <section class="dark">
  <div class="p-4 bg-white">
    <p>
      Invisible <a class="c-link" href="https://docs.appsignal.com/">link</a> (hover left)
    </p>
    <p>
      Visible <a class="c-link--blue" href="https://docs.appsignal.com/">link</a>
    </p>
  </div>
</section>
    Show more

    Implementation

    TypeName
    Elements
    Link.c-link
    Modifiers
    Dark mode.dark .c-link
    Always blue.dark .c-link--blue
    StatesNone