Amazon ya no CodeCatalyst está abierto a nuevos clientes. Los clientes existentes pueden seguir utilizando el servicio con normalidad. Para obtener más información, consulte [Cómo migrar desde CodeCatalyst](migration.md).

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Cómo añadir componentes de regiones a un esquema
<a name="region-comp-bp"></a>

El tipo de región se puede agregar a la interfaz `Options` de su esquema personalizado para generar un componente; en el asistente de esquema puede especificar una o más regiones de AWS. El tipo de región se puede importar desde el esquema base al archivo `blueprint.ts`. Para obtener más información, consulte [Regiones de AWS](https://aws.amazon.com/about-aws/global-infrastructure/regions_az/).

**Para importar los CodeCatalyst blueprints de Amazon, escriba la región**

Añada lo siguiente al archivo `blueprint.ts`:

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

El parámetro de tipo de región es una matriz de códigos de región de AWS entre los que puede elegir, o puede utilizar `*` para incluir todas las regiones de AWS compatibles.

**Topics**
+ [Anotaciones](#region-annotations-bp)
+ [Ejemplos de componentes de regiones](#region-components-examples)

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

JSDoc se pueden añadir etiquetas a cada campo de la `Options` interfaz para personalizar el aspecto y el comportamiento de un campo en el asistente. Para el tipo de región, se admiten las siguientes etiquetas:
+ La anotación `@displayName` se puede utilizar para cambiar la etiqueta del campo en el asistente.

  Ejemplo: `@displayName AWS Region`
+ La anotación `@placeholder` se puede utilizar para cambiar el marcador de posición del componente de selección o selección múltiple.

  Ejemplo: `@placeholder Choose AWS Region`

## Ejemplos de componentes de regiones
<a name="region-components-examples"></a>

### Selección de una región de una lista especificada
<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']>;
}
```

### Selección de una o más regiones de una lista especificada
<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']>[];
}
```

### Selección de una región de AWS
<a name="region-one-bp"></a>

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

### Selección de una o más regiones de una lista especificada
<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']>[];
}
```