Divider

• A divider is a horizontal line which is used to separate different sections of a content.

Import

import { Divider } from '@zeal-ui/core';

Usage

<Divider width="15rem" height="0.125rem" color="warning" />;

Props

width

Description

It is used to set the width of the divider.

Values

String with valid width.

height

Description

It is used to set the height of the divider.

Values

String with valid height.

color

Description

It is used to set the color of the divider.

Values

primary | secondary | accent | error | warning | success

Note

To learn about customizing the components check this section of the docs.