Translate <option> page [UPDATED]#487
Translate <option> page [UPDATED]#487AhmedBaset merged 6 commits intoreactjs:mainfrom muh-osman:translate-option-page
<option> page [UPDATED]#487Conversation
AhmedBaset
left a comment
There was a problem hiding this comment.
Please remove div elements
| <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. | ||
| <div dir="rtl"> |
There was a problem hiding this comment.
Please don't add anything not existing in the English text like this div element
AhmedBaset
left a comment
There was a problem hiding this comment.
Please remove div elements
|
|
||
| ### `<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. |
There was a problem hiding this comment.
أحسنت في تنبهك للرابط الخاطئ
ولكن التصحيح يجب أن يكون في النسخة الإنجليزية
| #### الخواص {/*props*/} | ||
|
|
||
| `<option>` supports all [common element props.](/reference/react-dom/components/common#props) | ||
| تدعم `<option>` [جميع خواص العناصر الشائعة.](/reference/react-dom/components/common#props) |
There was a problem hiding this comment.
لو استبدلت كلمة "خواص" بخصائص يكون أفضل.
| * [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): قيمة منطقية. إذا كانت `true`، فلن يكون الخيار قابلاً للتحديد وسيظهر باهت. | ||
|
|
||
| #### Caveats {/*caveats*/} | ||
| * [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): سلسلة. تحدد معنى الخيار. إذا لم يتم تحديدها ، فسيتم استخدام النص الموجود داخل الخيار. |
There was a problem hiding this comment.
كلمة سلسلة ترجمة حرفية والصواب نص
| ## الاستخدام {/*usage*/} | ||
|
|
||
| ### Displaying a select box with options {/*displaying-a-select-box-with-options*/} | ||
| ### عرض مربع التحديد مع الخيارات {/*displaying-a-select-box-with-options*/} |
There was a problem hiding this comment.
مربع التحديد => عنصر الاختيار
| ### عرض مربع التحديد مع الخيارات {/*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. | ||
| قم بإنشاء `<select>` يتضمن داخله قائمة من مكونات `<option>` لعرض مربع تحديد. أعط كل `<option>` قيمة `<value>` تمثل البيانات التي سيتم رفعها مع النموذج. |
There was a problem hiding this comment.
لا تضع هذه العلامات <> حول value لأنها ليست عنصر element
| <option value="apple">Apple</option> | ||
| <option value="banana">Banana</option> | ||
| <option value="orange">Orange</option> | ||
| <option value="تفاح">تفاح</option> |
There was a problem hiding this comment.
أحسنت في ترجمة النص الذي يظهر للمستخدم داخل و ولكن لا تترجم الـvalue
|
تم اجراء جميع التعديلات اللازمة. @A7med3bdulBaset
|
| ### `<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. | ||
| يتيح لك [مكون الـ `<option>` المدمج في المتصفح](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) بعرض خيارات داخل مربع [`<select>`](/reference/react-dom/components/select). |
There was a problem hiding this comment.
يتيح لك كذا عرض كذا
وليس بعرض
There was a problem hiding this comment.
رائع.
من فضلك راجع آخر تعديل commit عملته أنا
Size changesDetails📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
|
تم دمج الفرع. |
No description provided.