✦ r-divider · demo

default (sin atributos → ✦ ✦ ✦)

<r-divider></r-divider>

glyph + repeat

<r-divider glyph="✺" repeat="5"></r-divider>

otros glifos

<r-divider glyph="◌"></r-divider> · <r-divider glyph="✜"></r-divider>

children como contenido (texto literal)

<r-divider>━━━━━━━━</r-divider> ━━━━━━━━

children con SVG inline

<r-divider><svg ...></r-divider>

override de CSS vars

style="--r-divider-color: var(--coral); --r-divider-size: 2rem; --r-divider-gap: 2rem;"

repeat=1 (un solo glyph)

<r-divider glyph="◆" repeat="1"></r-divider>