2026-03-03 09:15:39 +00:00
---
title: Komponenty
description: Komponenty wielokrotnego użytku, instancje, nadpisania i synchronizacja w OpenPencil.
---
# Komponenty
## Tworzenie komponentu
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
Zaznacz ramkę lub grupę i naciśnij < kbd > ⌥< / kbd > < kbd > ⌘< / kbd > < kbd > K< / kbd > (< kbd > Ctrl< / kbd > + < kbd > Alt< / kbd > + < kbd > K< / kbd > ). Zaznaczenie staje się komponentem wielokrotnego użytku z fioletową etykietą i ikoną diamentu.
2026-03-03 09:15:39 +00:00
## Zestawy komponentów
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 > — łączy 2+ komponenty z fioletową przerywaną ramką.
2026-03-03 09:15:39 +00:00
## Tworzenie instancji
Prawy przycisk → **Utwórz instancję** . Pojawia się 40 px na prawo.
## Odłączanie instancji
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 > — staje się ramką bez powiązania.
2026-03-03 09:15:39 +00:00
## Synchronizacja na żywo
Edycja komponentu aktualizuje wszystkie instancje. Synchronizowane: wymiary, wypełnienia, obrysy, efekty, przezroczystość, promienie narożników, layout.
## Nadpisania
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
Instancje mogą nadpisywać wybrane właściwości bez zrywania powiązania z komponentem głównym. Nadpisana właściwość jest pomijana podczas synchronizacji — pozostałe właściwości nadal aktualizują się z komponentu.
2026-03-03 09:15:39 +00:00
## Hit testing
Kliknięcie zaznacza komponent. **Dwuklik** aby wejść i zaznaczyć dzieci.
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
## Wygląd
| Element | Wygląd |
|---------|--------|
| Etykieta komponentu | Fioletowa z ikoną diamentu |
| Etykieta instancji | Fioletowa z ikoną diamentu |
| Ramka zestawu | Fioletowa przerywana ramka |
## Skróty klawiszowe
2026-03-03 09:15:39 +00:00
| Akcja | 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
| Utwórz komponent | < kbd > ⌥< / kbd > < kbd > ⌘< / kbd > < kbd > K< / kbd > | < kbd > Ctrl< / kbd > + < kbd > Alt< / kbd > + < kbd > K< / kbd > |
| Utwórz zestaw | < kbd > ⇧< / kbd > < kbd > ⌘< / kbd > < kbd > K< / kbd > | < kbd > Shift< / kbd > + < kbd > Ctrl< / kbd > + < kbd > K< / kbd > |
| Odłącz instancję | < kbd > ⌥< / kbd > < kbd > ⌘< / kbd > < kbd > B< / kbd > | < kbd > Ctrl< / kbd > + < kbd > Alt< / kbd > + < kbd > B< / kbd > |
