---
title: Composants
description: Composants réutilisables, instances, surcharges et synchronisation live dans OpenPencil.
---
# Composants

## Créer un composant
<kbd>⌥</kbd><kbd>⌘</kbd><kbd>K</kbd> (<kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>K</kbd>) — convertit un cadre ou un groupe en composant réutilisable. Une étiquette violette avec un losange apparaît au-dessus.

## Jeux de composants
<kbd>⇧</kbd><kbd>⌘</kbd><kbd>K</kbd> — combine deux composants ou plus dans un conteneur avec une bordure violette en pointillés.

## Créer des instances
Clic droit → **Créer une instance**. L'instance apparaît à droite du composant source.

## Détacher une instance
<kbd>⌥</kbd><kbd>⌘</kbd><kbd>B</kbd> — devient un cadre sans lien.

## Synchronisation live
Modifier un composant met à jour automatiquement toutes ses instances. Les propriétés synchronisées incluent les dimensions, les couleurs, les contours, les effets, l'opacité, les coins arrondis et la mise en page.

## Surcharges
Les instances peuvent surcharger des propriétés sans rompre le lien.

## Hit testing
Clic sélectionne le composant. **Double-clic** pour entrer et sélectionner les enfants.

| Action | Mac | Windows / Linux |
|--------|-----|-----------------|
| Créer composant | <kbd>⌥</kbd><kbd>⌘</kbd><kbd>K</kbd> | <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>K</kbd> |
| Créer jeu | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>K</kbd> | <kbd>Shift</kbd> + <kbd>Ctrl</kbd> + <kbd>K</kbd> |
| Détacher instance | <kbd>⌥</kbd><kbd>⌘</kbd><kbd>B</kbd> | <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>B</kbd> |
