14325280d9
- 78 SDK pages per language (components, composables, advanced API, guides, architecture, getting-started) - vector-edit.md user guide page (5 languages) - Update stale ru/programmable/cli/inspecting.md - Fix YAML frontmatter quoting for colons in descriptions 474 files, 0 missing pages across de/es/fr/it/pl/ru. VitePress build verified — all 546 SDK pages render.
1.7 KiB
1.7 KiB
| title | description |
|---|---|
| GradientEditorRoot | Primitivo raíz headless para la edición de paradas de degradado. |
GradientEditorRoot
GradientEditorRoot es un primitivo raíz headless para la edición de degradados.
Gestiona:
- estado de la parada activa
- cambio de subtipo
- lógica de añadir/eliminar/actualizar paradas
- edición del color activo
- fondo de barra derivado
Props
Eventos
Slots
Props del slot default
{
stops: GradientStop[]
subtype: GradientSubtype
subtypes: Array<{ value: GradientSubtype; label: string }>
activeStopIndex: number
activeColor: Color
barBackground: string
setSubtype: (type: GradientSubtype) => void
selectStop: (index: number) => void
addStop: () => void
removeStop: (index: number) => void
updateStopPosition: (index: number, position: number) => void
updateStopColor: (index: number, hex: string) => void
updateStopOpacity: (index: number, opacity: number) => void
updateActiveColor: (color: Color) => void
dragStop: (index: number, position: number) => void
}
Ejemplo
<GradientEditorRoot :fill="fill" @update="fill = $event" v-slot="ctx">
<MyGradientUI v-bind="ctx" />
</GradientEditorRoot>