GradientEditorStop

GradientEditorStop udostępnia położenie, przezroczystość, kolor i stan aktywności punktu gradientu oraz działania aktualizacji i usuwania.

vue

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

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

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`

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

Slot	Props	Description
`default`	`GradientEditorStopSlotProps`

Zobacz też