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.


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;


Prop nameTypeDefaultDescription
classNamestringThe class name of the component.
themeDividerThemeThe theme of the component.


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

interface DividerTheme {
  base: string;

Since February 16, 2024

Proudly Open Source
  • Npm

  • Github

  • Creator

  • Made with love and Pol-ui by Pol Gubau Amores