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 | Primitive racine headless pour l'édition de points d'arrêt de dégradé. |
GradientEditorRoot
GradientEditorRoot est une primitive racine headless pour l'édition de dégradés.
Elle gère :
- l'état du point d'arrêt actif
- le changement de sous-type
- la logique d'ajout/suppression/mise à jour des points d'arrêt
- l'édition de la couleur active
- le fond de barre dérivé
Props
Événements
Slots
Props du slot par défaut
{
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
}
Exemple
<GradientEditorRoot :fill="fill" @update="fill = $event" v-slot="ctx">
<MyGradientUI v-bind="ctx" />
</GradientEditorRoot>