Divider

The divider component is a way to display a line that separates content. It is a simple component that can be used to separate content in a page.

Importation

Import the component from pol-ui to use the conveyor element:

import { Divider } from "pol-ui";

Default Divider

import { Divider } from "pol-ui";
import React from "react";
 
const DividerComponent = () => {
  return (
    <>
      Texts 1
      <Divider />
      Texts 2
    </>
  );
};
export default DividerComponent;

Props

Theme

To learn more about how to customize the appearance of components, please see the Theme docs.

interface DividerTheme {
  base: string;
}