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

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 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