KM Design System
  • KM Design System
  • Getting Started
  • Create An Article
    • Standard Template
    • FAQ Template
    • How-To Template
    • KCS Template
    • Known Error Template
    • Known Issue Template
    • Service Description Template
    • What Is Template
  • Contribute To the Design System
  • Requesting Help
  • Writing
  • Accessible Writing
  • Fonts & Typefaces
  • Grammar & Mechanics
  • Headers
  • Meta Tags
  • Title Capitalization
  • Web Components
    • Accordion
      • How-To Apply Accordion
      • Accordion Bug
    • Horizontal Rule
    • Images
    • Links
      • How To Apply Link Variant
    • Tables
      • How To Create Accessible Tables
      • Styling & Formatting (coming soon)
  • Patterns
    • 3 Card Layout
      • Article 3 Card
      • Category Desc 3 Card
  • Release Notes
    • March 18, 2021 Release
Powered by GitBook
On this page

Was this helpful?

  1. Web Components
  2. Links

How To Apply Link Variant

Follow the steps below to apply the more stylized link variant.

PreviousLinksNextTables

Last updated 4 years ago

Was this helpful?

1. Copy the Code Snippet

<a href="https://jeffsum.com" class="gt-buzzG" title="Receive the Jeff">Receive the Jeff</a>

2. In your KB Article editor, place your cursor where you would like to place your variant link.

3. Select the "Source Code" button in the editor toolbar. Your cursor will automatically be placed in the code where you had specified in Step 2.

4. Paste your code snippet (CTRL+V / CMD+V) and select "OK" to go back to the standard editor.

5. Click anywhere on your new link and select the insert link button in the toolbar to configure it.

6. Adhere to the in the Links guide.

Do's and Don'ts