Divider

Introduction

Divider visually separates content with a thin line and margin on all sides.

Dividers work best in flex layouts where they will adapt to orientation without additional styles. Otherwise, a divider will appear as a full-width 1px-high block element.

Examples

divider component below
divider component above

Usage

1import React from "react";
2import { Divider } from "@commure/components-foundation";
3
4function MyDivider() {
5 return <Divider className="some-class-name" />;
6}
7
8export default MyDivider;

API Reference

Divider

Prop NameRequired?TypeDescription
classNamefalsestringA space-delimited list of class names to pass along to a child element.
tagNamefalsekeyof IntrinsicElementsHTML tag to use for element.

Related Reading

Blueprint Reference