The Component Gallery
  • Components
  • Design systems
  • About

Component

Horizontal rule

Other names: Divider, Separator

A separator between two elements, usually consisting of a horizontal line.

17 examples

  • Divider/Rule

    Aurora

    Government of Canada

    • CSS
    • Code examples
    • Tone of voice
    • Open source
  • Divider

    Coral

    Talend

    • React
    • Code examples
    • Tone of voice
  • Horizontal rule

    Elastic UI framework

    Elastic

    • React
    • Sass
    • Code examples
    • Open source
  • Separator

    Fluent UI

    Microsoft

    • React
    • Web Components
    • Mobile
    • Usage guidelines
    • Code examples
    • Accessibility
  • Divider

    Gestalt

    Pinterest

    • React
    • CSS
    • Code examples
    • Open source
  • Divider

    GroupUI

    Volkswagen Group

    • Web Components
    • Code examples
    • Usage guidelines
  • Divider

    NewsKit

    News Corp

    • React
    • Code examples
    • Usage guidelines
  • Separator

    Orbit

    Kiwi.com

    • React
    • CSS-in-JS
    • Usage guidelines
    • Open source
    • Code examples
    • Tone of voice
  • Divider

    Oxygen

    Repsol

    • HTML
    • Code examples
    • Usage guidelines
  • Separator

    Paste

    Twilio

    • React
    • CSS-in-JS
    • Usage guidelines
    • Code examples
    • Tone of voice
    • Accessibility
    • Open source
  • Separator

    Quasar Framework

    • Vue
    • Accessibility issues
    • Code examples
  • Separator

    Radix Primitives

    Modulz

    • React
    • Code examples
    • Open source
  • Separator

    Reakit

    • React
    • Code examples
    • Open source
    • Accessibility
  • Divider

    Spectrum

    Adobe

    • CSS
    • Web Components
    • React
    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source
  • Horizontal Rule

    Thumbprint

    Thumbtack

    • React
    • Sass
    • Code examples
    • Open source
  • Separator

    Wanda

    Wonderflow

    • React
    • CSS Modules
    • Code examples
    • Open source

Resources

  • Rule Guidelines

    Tess Gadd

    Balsamiq

© 2022 Iain Bean

  • Contribute
  • Colophon
  • Changelog