GradientEditorStop

GradientEditorStop stellt Position, Deckkraft, Farbe und Aktivzustand eines Verlaufspunkts sowie Aktionen zum Aktualisieren und Entfernen bereit.

GradientEditorStop

Generated from packages/vue/src/primitives/GradientEditor/GradientEditorStop.vue

Props

Prop	Default	Type
`stop*`	—	`GradientStop`
`index*`	—	`number`
`active*`	—	`boolean`
`dragging`	`false`	`boolean \| undefined`
`interactive`	`true`	`boolean \| undefined`
`removable`	`true`	`boolean \| undefined`
`positionStep`	`1`	`number \| undefined`
`label`	—	`string \| undefined`
`asChild` Change the default rendered element for the one passed as a child, merging their props and behavior. Read our [Composition](https://www.reka-ui.com/docs/guides/composition) guide for more details.	`false`	`boolean \| undefined`
`as` The element or component this component should render as. Can be overwritten by `asChild`.	`"div"`	`Component \| AsTag \| undefined`

Events

Event	Payload	Description
`select`	`[index: number]`
`updatePosition`	`[index: number, position: number]`
`updateColor`	`[index: number, hex: string]`
`updateOpacity`	`[index: number, opacity: number]`
`remove`	`[index: number]`

Slots

Slot	Props	Description
`default`	`GradientEditorStopSlotProps`

Siehe auch