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.8 KiB
1.8 KiB
| title | description |
|---|---|
| GradientEditorRoot | Primitiva root headless per la modifica degli stop del gradiente. |
GradientEditorRoot
GradientEditorRoot è una primitiva root headless per la modifica dei gradienti.
Gestisce:
- lo stato dello stop attivo
- il cambio di sottotipo
- la logica di aggiunta/rimozione/aggiornamento degli stop
- la modifica del colore attivo
- lo sfondo della barra derivato
Props
Eventi
Slot
Slot prop predefiniti
{
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
}
Esempio
<GradientEditorRoot :fill="fill" @update="fill = $event" v-slot="ctx">
<MyGradientUI v-bind="ctx" />
</GradientEditorRoot>