Amazon CodeCatalyst tidak lagi terbuka untuk pelanggan baru. Pelanggan yang sudah ada dapat terus menggunakan layanan ini seperti biasa. Lihat informasi yang lebih lengkap di [Cara bermigrasi dari CodeCatalyst](migration.md).

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Menambahkan komponen wilayah ke cetak biru
<a name="region-comp-bp"></a>

Jenis wilayah dapat ditambahkan ke `Options` antarmuka cetak biru khusus Anda untuk menghasilkan komponen dalam panduan cetak biru, Anda dapat memasukkan satu atau beberapa gion AWS. Jenis gion dapat diimpor dari cetak biru dasar Anda di file Anda. `blueprint.ts` Untuk informasi selengkapnya, lihat [wilayah AWS](https://aws.amazon.com/about-aws/global-infrastructure/regions_az/).

**Untuk mengimpor jenis CodeCatalyst wilayah cetak biru Amazon**

Dalam `blueprint.ts` file Anda, tambahkan yang berikut ini:

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

Parameter tipe wilayah adalah larik kode wilayah AWS yang dapat dipilih, atau Anda dapat menggunakannya `*` untuk menyertakan semua wilayah AWS yang didukung.

**Topics**
+ [Anotasi](#region-annotations-bp)
+ [Contoh komponen wilayah](#region-components-examples)

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

JSDoc tag dapat ditambahkan ke setiap bidang di `Options` antarmuka untuk menyesuaikan bagaimana bidang muncul dan berperilaku di wizard. Untuk jenis wilayah, tag berikut didukung:
+ `@displayName`Anotasi dapat digunakan untuk mengubah label bidang di wizard.

  Contoh: `@displayName AWS Region`
+ `@placeholder`Anotasi dapat digunakan untuk mengubah placeholder komponen select/multiselect.

  Contoh: `@placeholder Choose AWS Region`

## Contoh komponen wilayah
<a name="region-components-examples"></a>

### Memilih wilayah dari daftar tertentu
<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']>;
}
```

### Memilih satu atau beberapa wilayah dari daftar tertentu
<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']>[];
}
```

### Memilih satu egion AWS
<a name="region-one-bp"></a>

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

### Memilih satu atau beberapa wilayah dari daftar tertentu
<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']>[];
}
```