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.

The below information is a snippet from the

related section in the Blueprint reference documentation.

Examples

divider component below
divider component above
Edit code

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 Name	Required?	Type	Description
className	false	string	A space-delimited list of class names to pass along to a child element.
tagName	false	keyof IntrinsicElements	HTML tag to use for element.

Related Reading

Blueprint Reference