2026-03-03 09:15:39 +00:00
---
title: Componenti
description: Componenti riutilizzabili, istanze, override e sincronizzazione live in OpenPencil.
---
# Componenti
## Creare un componente
Remove implementation details from user guide
Replace internal references (Yoga, CanvasKit, Paragraph API, style runs,
characterStyleIDs, vectorNetworkBlob, Kiwi binary, scene graph, font-kit,
Local Font Access API, COMPONENT type, override key format, hex codes, px
specs) with user-facing language across all 7 locales.
2026-03-08 09:55:25 +00:00
< kbd > ⌥< / kbd > < kbd > ⌘< / kbd > < kbd > K< / kbd > (< kbd > Ctrl< / kbd > + < kbd > Alt< / kbd > + < kbd > K< / kbd > ) — converte la selezione in un componente riutilizzabile. I componenti mostrano un'etichetta viola con icona a diamante.
2026-03-03 09:15:39 +00:00
## Set di componenti
Use <kbd> for keyboard shortcuts across all docs
Wrap all keyboard shortcut references in <kbd> tags in user guide,
reference, and development docs across all 7 locales (en, de, es,
fr, it, pl, ru). Tables, inline prose, and parenthetical hints.
2026-03-08 09:48:02 +00:00
< kbd > ⇧< / kbd > < kbd > ⌘< / kbd > < kbd > K< / kbd > — combina 2+ componenti in un set con bordo tratteggiato viola.
2026-03-03 09:15:39 +00:00
## Creare istanze
Click destro → **Crea istanza** . Appare 40 px a destra.
## Separare un'istanza
Use <kbd> for keyboard shortcuts across all docs
Wrap all keyboard shortcut references in <kbd> tags in user guide,
reference, and development docs across all 7 locales (en, de, es,
fr, it, pl, ru). Tables, inline prose, and parenthetical hints.
2026-03-08 09:48:02 +00:00
< kbd > ⌥< / kbd > < kbd > ⌘< / kbd > < kbd > B< / kbd > — diventa un frame senza collegamento.
2026-03-03 09:15:39 +00:00
## Sincronizzazione live
Modificare un componente aggiorna tutte le istanze. Proprietà sincronizzate: dimensioni, riempimenti, contorni, effetti, opacità, raggi angoli, layout.
## Override
Le istanze possono sovrascrivere proprietà specifiche senza rompere il collegamento. Proprietà sovrascrivibili: nome, testo, fontSize, fontWeight, fontFamily e proprietà visuali/layout.
## Hit testing
Click seleziona il componente. **Doppio click** per entrare e selezionare i figli.
| Azione | Mac | Windows / Linux |
|--------|-----|-----------------|
Use <kbd> for keyboard shortcuts across all docs
Wrap all keyboard shortcut references in <kbd> tags in user guide,
reference, and development docs across all 7 locales (en, de, es,
fr, it, pl, ru). Tables, inline prose, and parenthetical hints.
2026-03-08 09:48:02 +00:00
| Crea componente | < kbd > ⌥< / kbd > < kbd > ⌘< / kbd > < kbd > K< / kbd > | < kbd > Ctrl< / kbd > + < kbd > Alt< / kbd > + < kbd > K< / kbd > |
| Crea set | < kbd > ⇧< / kbd > < kbd > ⌘< / kbd > < kbd > K< / kbd > | < kbd > Shift< / kbd > + < kbd > Ctrl< / kbd > + < kbd > K< / kbd > |
| Separa istanza | < kbd > ⌥< / kbd > < kbd > ⌘< / kbd > < kbd > B< / kbd > | < kbd > Ctrl< / kbd > + < kbd > Alt< / kbd > + < kbd > B< / kbd > |
