Amazon n' CodeCatalyst est plus ouvert aux nouveaux clients. Les clients existants peuvent continuer à utiliser le service normalement. Pour de plus amples informations, veuillez consulter [Comment effectuer une migration depuis CodeCatalyst](migration.md).

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

# Ajouter des composants régionaux à un plan
<a name="region-comp-bp"></a>

Le type de région peut être ajouté à l'`Options`interface de votre plan personnalisé pour générer un composant. Dans l'assistant de plan, vous pouvez saisir une ou plusieurs régions AWS. Le type de gion peut être importé depuis votre plan de base dans votre `blueprint.ts` fichier. Pour plus d'informations, consultez la section [Régions AWS](https://aws.amazon.com/about-aws/global-infrastructure/regions_az/).

**Pour importer des CodeCatalyst plans Amazon, tapez le type de région**

Dans votre `blueprint.ts` fichier, ajoutez les éléments suivants :

```
import { Region } from '@amazon-codecatalyst/blueprints.blueprint'
```

Le paramètre de type de région est un tableau de codes de région AWS parmi lesquels choisir, ou que vous pouvez utiliser `*` pour inclure toutes les régions AWS prises en charge.

**Topics**
+ [Annotations](#region-annotations-bp)
+ [Exemples de composants régionaux](#region-components-examples)

## Annotations
<a name="region-annotations-bp"></a>

JSDoc des balises peuvent être ajoutées à chaque champ de l'`Options`interface pour personnaliser la façon dont un champ apparaît et se comporte dans l'assistant. Pour le type de région, les balises suivantes sont prises en charge :
+ L'`@displayName`annotation peut être utilisée pour modifier l'étiquette du champ dans l'assistant.

  Exemple : `@displayName AWS Region`
+ L'`@placeholder`annotation peut être utilisée pour modifier l'espace réservé du composant de sélection ou de sélection multiple.

  Exemple : `@placeholder Choose AWS Region`

## Exemples de composants régionaux
<a name="region-components-examples"></a>

### Choix d'une région dans une liste spécifiée
<a name="region-specified-list-bp"></a>

```
export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Region
   */
  region: Region<['us-east-1', 'us-east-2', 'us-west-1', 'us-west-2']>;
}
```

### Choix d'une ou de plusieurs régions dans une liste spécifiée
<a name="region-specified-list-bp"></a>

```
export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Regions
   */
  multiRegion: Region<['us-east-1', 'us-east-2', 'us-west-1', 'us-west-2']>[];
}
```

### Choisir une région AWS
<a name="region-one-bp"></a>

```
export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Region
   */
  region: Region<['*']>;
}
```

### Choix d'une ou de plusieurs régions dans une liste spécifiée
<a name="region-specified-list-bp"></a>

```
export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Regions
   */
  multiRegion: Region<['us-east-1', 'us-east-2', 'us-west-1', 'us-west-2']>[];
}
```