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

import React from "react";
import { Divider } from "@commure/components-foundation";
function MyDivider() {
return (
<Divider className="some-class-name"/>
);
}
export 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