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
  • Default
  • Variations
  • Yellow to Blue Gradient
  • Code Snippets

Was this helpful?

  1. Web Components

Horizontal Rule

The Horizontal Rules are a great way to visually separate sections and to give the reader a visual break.

PreviousAccordion BugNextImages

Last updated 4 years ago

Was this helpful?

Default

Use case

Variations

Variation styles are not rendered while editing the article or in the agent portal. View your article in the Service Portal for an accurate depiction of your content.

Yellow to Blue Gradient

Use case

Code Snippets

Default (Available in the KB Article Editor)

<hr/>

Yellow to Blue Gradient

<hr class="my-4 gtHRylw2blu" />
Default Horizontal Rule
Sample of a default Horizontal Rule
Horizontal Rule - Yellow to Blue Gradient
Sample of the Yellow to Blue Gradient Horizontal Rule