From 61465672375d835f2bc7d903f773ee558af000f9 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Fri, 28 Apr 2023 10:14:31 +0800
Subject: [PATCH 1/9] translation for option component

---
 .../reference/react-dom/components/option.md  | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index 8d930523f..cd4aa836c 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -4,12 +4,14 @@ title: "<option>"
 
 <Intro>
 
-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+
+[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk merender opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
+
 
 ```js
 <select>
-  <option value="someOption">Some option</option>
-  <option value="otherOption">Other option</option>
+  <option value="sebuahOpsi">Sebuah opsi</option>
+  <option value="opsiLain">Opsi lain</option>
 </select>
 ```
 
@@ -19,44 +21,45 @@ The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/
 
 ---
 
-## Reference {/*reference*/}
+## Referensi {/*reference*/}
 
 ### `<option>` {/*option*/}
 
-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk merender opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
-  <option value="someOption">Some option</option>
-  <option value="otherOption">Other option</option>
+  <option value="sebuahOpsi">Sebuah opsi</option>
+  <option value="opsiLain">Opsi lain</option>
 </select>
 ```
 
-[See more examples below.](#usage)
+[Lihat contoh lebih banyak di bawah ini.](#usage)
 
 #### Props {/*props*/}
 
-`<option>` supports all [common element props.](/reference/react-dom/components/common#props)
+`<option>` mendukung semua [props element umum.](/reference/react-dom/components/common#props)
 
-Additionally, `<option>` supports these props:
+Sebagai tambahan, `<option>` mendukung *props* ini:
 
-* [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): A boolean. If `true`, the option will not be selectable and will appear dimmed.
-* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): A string. Specifies the meaning of the option. If not specified, the text inside the option is used.
-* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): The value to be used [when submitting the parent `<select>` in a form](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) if this option is selected.
+* [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): Sebuah *boolean*. Jika `true`, opsi akan tidak dapat dipilih dan akan tampak redup.
+* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): Sebuah *string*. Menentukan arti dari opsi. Jika tidak ditentukan, teks di dalam opsi akan digunakan.
+* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): Nilai yang akan digunakan [ketika mengirimkan induk `<select>` dalam *form*](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) jika opsi ini dipilih.
 
-#### Caveats {/*caveats*/}
+#### Peringatan {/*caveats*/}
 
-* React does not support the `selected` attribute on `<option>`. Instead, pass this option's `value` to the parent [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) for an uncontrolled select box, or [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) for a controlled select.
+* React tidak mendukung atribut `selected` dalam `<option>`. Sebagai gantinya, kirimkan `value` dari opsi ke elemen induk [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) untuk sebuah _uncontrolled_ _select box_, atau [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) untuk _controlled_ _select_.
 
 ---
 
-## Usage {/*usage*/}
+## Penggunaan {/*usage*/}
 
-### Displaying a select box with options {/*displaying-a-select-box-with-options*/}
+### Menampilkan kotak select dengan opsi {/*displaying-a-select-box-with-options*/}
 
-Render a `<select>` with a list of `<option>` components inside to display a select box. Give each `<option>` a `value` representing the data to be submitted with the form.
+Render sebuah `<select>` dengan daftar komponen `<option>` di dalamnya untuk menampilkan sebuah kotak pilihan. Beri setiap `<option>` sebuah `value` yang merepresentasikan data yang akan dikirim dengan formulir.
+
+[Baca lebih lanjut mengenai menampilkan `<select>` dengan daftar dari komponen `<option>`.](/reference/react-dom/components/select)
 
-[Read more about displaying a `<select>` with a list of `<option>` components.](/reference/react-dom/components/select)
 
 <Sandpack>
 
@@ -64,11 +67,11 @@ Render a `<select>` with a list of `<option>` components inside to display a sel
 export default function FruitPicker() {
   return (
     <label>
-      Pick a fruit:
+      Pilih buah:
       <select name="selectedFruit">
-        <option value="apple">Apple</option>
-        <option value="banana">Banana</option>
-        <option value="orange">Orange</option>
+        <option value="apel">Apel</option>
+        <option value="pisang">Pisang</option>
+        <option value="jeruk">Jeruk</option>
       </select>
     </label>
   );
@@ -80,4 +83,3 @@ select { margin: 5px; }
 ```
 
 </Sandpack>  
-

From ab46075ad2dfe95b5ddb249d0910c7640ff4124f Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Fri, 28 Apr 2023 10:17:50 +0800
Subject: [PATCH 2/9] remove unused whitespace

---
 src/content/reference/react-dom/components/option.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index cd4aa836c..b6184ed0a 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -4,7 +4,6 @@ title: "<option>"
 
 <Intro>
 
-
 [Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk merender opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
 
 
@@ -60,7 +59,6 @@ Render sebuah `<select>` dengan daftar komponen `<option>` di dalamnya untuk men
 
 [Baca lebih lanjut mengenai menampilkan `<select>` dengan daftar dari komponen `<option>`.](/reference/react-dom/components/select)
 
-
 <Sandpack>
 
 ```js

From 239f122d5ef6104594d8ef4a51fdd8d318b01081 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Mon, 1 May 2023 14:27:25 +0800
Subject: [PATCH 3/9] Apply suggestions from code review

Co-authored-by: Resi Respati <resir014@gmail.com>
---
 src/content/reference/react-dom/components/option.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index b6184ed0a..8afb7fa9a 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -4,7 +4,7 @@ title: "<option>"
 
 <Intro>
 
-[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk merender opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
+[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk me-*render* opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
 
 
 ```js
@@ -24,7 +24,7 @@ title: "<option>"
 
 ### `<option>` {/*option*/}
 
-[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk merender opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
+[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk me-*render* opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
@@ -45,7 +45,7 @@ Sebagai tambahan, `<option>` mendukung *props* ini:
 * [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): Sebuah *string*. Menentukan arti dari opsi. Jika tidak ditentukan, teks di dalam opsi akan digunakan.
 * [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): Nilai yang akan digunakan [ketika mengirimkan induk `<select>` dalam *form*](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) jika opsi ini dipilih.
 
-#### Peringatan {/*caveats*/}
+#### Caveats {/*caveats*/}
 
 * React tidak mendukung atribut `selected` dalam `<option>`. Sebagai gantinya, kirimkan `value` dari opsi ke elemen induk [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) untuk sebuah _uncontrolled_ _select box_, atau [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) untuk _controlled_ _select_.
 
@@ -55,7 +55,7 @@ Sebagai tambahan, `<option>` mendukung *props* ini:
 
 ### Menampilkan kotak select dengan opsi {/*displaying-a-select-box-with-options*/}
 
-Render sebuah `<select>` dengan daftar komponen `<option>` di dalamnya untuk menampilkan sebuah kotak pilihan. Beri setiap `<option>` sebuah `value` yang merepresentasikan data yang akan dikirim dengan formulir.
+*Render* sebuah `<select>` dengan daftar komponen `<option>` di dalamnya untuk menampilkan sebuah kotak pilihan. Beri setiap `<option>` sebuah `value` yang merepresentasikan data yang akan dikirim dengan formulir.
 
 [Baca lebih lanjut mengenai menampilkan `<select>` dengan daftar dari komponen `<option>`.](/reference/react-dom/components/select)
 

From 1649abdf82acf18ac460cb62e46b45bd9572dc74 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Mon, 1 May 2023 20:59:29 +0800
Subject: [PATCH 4/9] fix formatting

---
 src/content/reference/react-dom/components/option.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index 8afb7fa9a..a859ed44b 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -47,7 +47,7 @@ Sebagai tambahan, `<option>` mendukung *props* ini:
 
 #### Caveats {/*caveats*/}
 
-* React tidak mendukung atribut `selected` dalam `<option>`. Sebagai gantinya, kirimkan `value` dari opsi ke elemen induk [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) untuk sebuah _uncontrolled_ _select box_, atau [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) untuk _controlled_ _select_.
+* React tidak mendukung atribut `selected` dalam `<option>`. Sebagai gantinya, kirimkan `value` dari opsi ke elemen induk [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) untuk sebuah *uncontrolled select box*, atau [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) untuk *controlled select*.
 
 ---
 

From ffa76f05995827b226038bd109283a4af9780e1b Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Wed, 3 May 2023 06:24:00 +0800
Subject: [PATCH 5/9] Update
 src/content/reference/react-dom/components/option.md

Co-authored-by: Irfan Maulana <mazipanneh@gmail.com>
---
 src/content/reference/react-dom/components/option.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index a859ed44b..73c26c8fe 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -47,7 +47,7 @@ Sebagai tambahan, `<option>` mendukung *props* ini:
 
 #### Caveats {/*caveats*/}
 
-* React tidak mendukung atribut `selected` dalam `<option>`. Sebagai gantinya, kirimkan `value` dari opsi ke elemen induk [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) untuk sebuah *uncontrolled select box*, atau [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) untuk *controlled select*.
+* React tidak mendukung atribut `selected` dalam `<option>`. Sebagai gantinya, oper `value` dari opsi ke elemen induk [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) untuk sebuah *uncontrolled select box*, atau [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) untuk *controlled select*.
 
 ---
 

From ac385ec0023d67724d9df3d842409be60dab7570 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Thu, 11 May 2023 06:02:17 +0800
Subject: [PATCH 6/9] Apply suggestions from code review

Co-authored-by: M Haidar Hanif <git@mhaidarhanif.com>
---
 src/content/reference/react-dom/components/option.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index 73c26c8fe..f56ab1f3a 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -24,7 +24,7 @@ title: "<option>"
 
 ### `<option>` {/*option*/}
 
-[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) memungkinkan Anda untuk me-*render* opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
+[Komponen `<option>` bawaan peramban](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) memungkinkan Anda untuk me-*render* opsi di dalam kotak [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>

From ff0fbf26c188b92552f1c4124dbc014180027729 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Mon, 22 May 2023 18:55:25 +0800
Subject: [PATCH 7/9] Update
 src/content/reference/react-dom/components/option.md

Co-authored-by: Resi Respati <resir014@gmail.com>
---
 src/content/reference/react-dom/components/option.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index f56ab1f3a..7597ce6b5 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -67,9 +67,9 @@ export default function FruitPicker() {
     <label>
       Pilih buah:
       <select name="selectedFruit">
-        <option value="apel">Apel</option>
-        <option value="pisang">Pisang</option>
-        <option value="jeruk">Jeruk</option>
+        <option value="apple">Apel</option>
+        <option value="banana">Pisang</option>
+        <option value="orange">Jeruk</option>
       </select>
     </label>
   );

From 3f3b0051c49dc063bd26aab284f220f23b4e1b05 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Tue, 23 May 2023 04:12:24 +0000
Subject: [PATCH 8/9] revert options values

---
 src/content/reference/react-dom/components/option.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index 7597ce6b5..cdac5f5ab 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -9,8 +9,8 @@ title: "<option>"
 
 ```js
 <select>
-  <option value="sebuahOpsi">Sebuah opsi</option>
-  <option value="opsiLain">Opsi lain</option>
+  <option value="someOption">Sebuah opsi</option>
+  <option value="otherOption">Opsi lain</option>
 </select>
 ```
 
@@ -28,8 +28,8 @@ title: "<option>"
 
 ```js
 <select>
-  <option value="sebuahOpsi">Sebuah opsi</option>
-  <option value="opsiLain">Opsi lain</option>
+  <option value="someOption">Sebuah opsi</option>
+  <option value="otherOption">Opsi lain</option>
 </select>
 ```
 

From 0cfe1b286c391def1bdd2a85995257d16db5043b Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Fri, 26 May 2023 13:04:28 +0800
Subject: [PATCH 9/9] Apply suggestions from code review

Co-authored-by: M Haidar Hanif <git@mhaidarhanif.com>
---
 src/content/reference/react-dom/components/option.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index cdac5f5ab..5e078553e 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -37,9 +37,9 @@ title: "<option>"
 
 #### Props {/*props*/}
 
-`<option>` mendukung semua [props element umum.](/reference/react-dom/components/common#props)
+`<option>` mendukung semua [*props* elemen umum.](/reference/react-dom/components/common#props)
 
-Sebagai tambahan, `<option>` mendukung *props* ini:
+Sebagai tambahan, `<option>` mendukung *props* berikut:
 
 * [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): Sebuah *boolean*. Jika `true`, opsi akan tidak dapat dipilih dan akan tampak redup.
 * [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): Sebuah *string*. Menentukan arti dari opsi. Jika tidak ditentukan, teks di dalam opsi akan digunakan.