Amazon non CodeCatalyst è più aperta a nuovi clienti. I clienti esistenti possono continuare a utilizzare il servizio normalmente. Per ulteriori informazioni, consulta [Come migrare da CodeCatalyst](migration.md).

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

# Aggiungere componenti regionali a un blueprint
<a name="region-comp-bp"></a>

Il tipo di regione può essere aggiunto all'`Options`interfaccia del tuo blueprint personalizzato per generare un componente nella procedura guidata del blueprint, puoi inserire una o più regioni AWS. Il tipo gion può essere importato dal blueprint di base nel file. `blueprint.ts` Per ulteriori informazioni, consulta le [regioni AWS](https://aws.amazon.com/about-aws/global-infrastructure/regions_az/).

**Per importare CodeCatalyst i blueprint di Amazon, digita una regione**

Nel tuo `blueprint.ts` file, aggiungi quanto segue:

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

Il parametro del tipo di regione è una serie di codici regionali AWS tra cui scegliere, oppure puoi utilizzarlo `*` per includere tutte le regioni AWS supportate.

**Topics**
+ [Annotazioni](#region-annotations-bp)
+ [Esempi di componenti regionali](#region-components-examples)

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

JSDoc i tag possono essere aggiunti a ciascun campo dell'`Options`interfaccia per personalizzare l'aspetto e il comportamento di un campo nella procedura guidata. Per il tipo di regione, sono supportati i seguenti tag:
+ L'`@displayName`annotazione può essere utilizzata per modificare l'etichetta del campo nella procedura guidata.

  Ad esempio: `@displayName AWS Region`
+ L'`@placeholder`annotazione può essere utilizzata per modificare il segnaposto del componente di selezione/multiselezione.

  Ad esempio: `@placeholder Choose AWS Region`

## Esempi di componenti regionali
<a name="region-components-examples"></a>

### Scelta di una regione da un elenco specificato
<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']>;
}
```

### Scelta di una o più regioni da un elenco specificato
<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']>[];
}
```

### Scelta di una regione AWS
<a name="region-one-bp"></a>

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

### Scelta di una o più regioni da un elenco specificato
<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']>[];
}
```