[FEATURE REQUEST] - Divider/Separator Component

[go4cas]

Indicator to separate content.

Example: AntD.

[cagataycivici]

Set to 3.0.3

[cagataycivici]

[hscstudio]

I dont know why my divider not show line? I have checked in browser console, generated this html

<div class="p-divider p-component p-divider-horizontal p-divider-dashed p-divider-left" role="separator"><!----></div>

and in css console

.p-divider-dashed.p-divider-horizontal:before {
    border-top-style: dashed;
}

I dont know why this css show in linethrough border-top-style: dashed;

[hscstudio]

I dont know why my divider not show line? I have checked in browser console, generated this html

<div class="p-divider p-component p-divider-horizontal p-divider-dashed p-divider-left" role="separator"><!----></div>

and in css console

.p-divider-dashed.p-divider-horizontal:before {
    border-top-style: dashed;
}

I dont know why this css show in linethrough border-top-style: dashed;

For temporary solution, I override css style in component

.p-divider-solid.p-divider-horizontal:before {
  border-top-style: solid !important;
}
.p-divider-dashed.p-divider-horizontal:before {
  border-top-style: dashed !important;
}
.p-divider-solid.p-divider-vertical:before {
  border-left-style: solid !important;
}

[sheldonstewart]

I also can't see my line.

From my main.js:

In my component:

Output:

[robokozo]

I ran into this issue too. Thankfully, the css workaround helped - but I think it should still be investigated.