Skip to content

Separators

![[Screenshot 2026-02-14 at 12.12.38 PM 1.png]]

offer a proposal: i want a svelte component that draws a separator exactly like the image above, with the following characteristics and props:

  • characteristics
    • thick line with opaque specified color
    • optional title
    • flared ends (two quarter circles, w/ color on the outside)
    • optional thin opaque gray line exactly centered along separator
      • inset at ends
    • thickness of line proportional to radius of flare
  • props
    • has centerline: boolean
    • radius of flare
    • length
    • inset
    • color
    • title
    • h | v