A separator between two elements, usually consisting of a horizontal line.
Component
Separator
Other names: Divider, Horizonal rule, Vertical rule
..svg)
28 examples
Divider
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Divider/Rule
Aurora
Government of Canada
- CSS
- Code examples
- Tone of voice
- Open source
- Unmaintained
Divider
Blueprint
Palantir
- React
- Sass
- Open source
Line
Cauldron
Deque
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
Divider
Coral
Talend
- React
- Code examples
- Tone of voice
- Open source
Divider
Decathlon Design System
- CSS
- React
- Svelte
- Vue
- Web Components
- Usage guidelines
- Code examples
- Accessibility
- Open source
Divider
Dell Design System
- Vanilla JS
- Code examples
- Usage guidelines
Divider
eBay Playbook
- HTML
- React
- Code examples
Horizontal rule
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
HR
Flowbite
- Tailwind CSS
- Open source
- Code examples
Separator
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
Divider
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
- Usage guidelines
Divider
Material Design
Google
- Mobile
- Web Components
- Sass
- Usage guidelines
- Open source
- Accessibility
Divider
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Divider
NewsKit
News Corp
- React
- Code examples
- Usage guidelines
- Open source
Divider
Nord Design System
Nordhealth
- Web Components
- 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
Divider
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Divider
Porsche Design System
- Web Components
- Angular
- React
- Vue
- Code examples
- Open source
Separator
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Separator
Radix Primitives
WorkOS
- React
- Code examples
- Open source
Separator
Reakit
- React
- Code examples
- Open source
- Accessibility
Separator
shadcn/ui
- React
- Tailwind CSS
- Code examples
- Open source
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