RPF Design System for Rails
x
1
<hr style="" class="rpf-squiggle">
1
2
style = custom_color ? '--rpf-squiggle-color: var(--rpf-brand-leaf)' : ''
render DesignSystem::SquiggleComponent.new(style:)

Squiggle Component

DesignSystem::SquiggleComponent.new(**attrs)

Produces a squiggle line, used for decorative purposes.

Options

  • style: To change the color of the squiggle line, add a style attribute with the syntax:

    style: '--rpf-squiggle-color: <color>'

    example:

    DesignSystem::SquiggleComponent.new(style: '--rpf-squiggle-color: var(--rpf-brand-leaf)')

    produces:

    <hr style="--rpf-squiggle-color: var(--rpf-brand-leaf)" class="rpf-squiggle">

  • It also accepts all the usual HTML attributes for a hr tag, e.g. id, class, data- etc.

Param Description Input

—