This package is used to create horizontal or vertical dividers in your application.
npm install @react-md/dividerDividers group and separate content within lists and page layouts. The divider
is a thin rule, lightweight yet sufficient to distinguish content visually and
spatially.
``sh`
npm install --save @react-md/divider
This package is not super helpful on its own, so it is recommended to also
install the following packages:
`sh`
npm install --save @react-md/theme \
@react-md/typography \
@react-md/list \
@react-md/icon
You should check out the
full documentation for live
examples and more customization information, but an example usage is shown
below.
One of the main use-cases will probably be to display a list with specific
dividers or to add dividers between page elements:
`tsx
import { render } from "react-dom";
import { Divider } from "@react-md/divider";
import { List, ListItem } from "@react-md/list";
import { Typography } from "@react-m/typography";
const App = () => (
);
render(
``