openpencil/packages/docs/programmable/sdk/api/components/gradient-editor-stop.md
2026-03-24 23:24:08 +03:00

1.9 KiB

title description
GradientEditorStop Headless slot primitive for a single gradient stop row.

GradientEditorStop

GradientEditorStop is a headless primitive for rendering and editing a single gradient stop.

Props

Events

Slots

Default slot props

{
  stop: GradientStop
  index: number
  active: boolean
  positionPercent: number
  opacityPercent: number
  hex: string
  css: string
  select: () => void
  updatePosition: (position: number) => void
  updateColor: (hex: string) => void
  updateOpacity: (opacity: number) => void
  remove: () => void
}

Example

<GradientEditorStop :stop="stop" :index="index" :active="active" v-slot="ctx">
  <MyGradientStopRow v-bind="ctx" />
</GradientEditorStop>