> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Internal links on these pages omit the .md extension. Append .md to a docs page URL, or send an Accept: text/markdown header, to get that page as markdown.

# הוספת רכיבים לאפליקציה

> עיין בספריית הרכיבים בעורך האפליקציה והוסף רכיבי UI מוכנים ומלוטשים. Base44 בונה אותם מחדש בהתאם לערכת הנושא, לגופנים ולתוכן של האפליקציה.

ספריית הרכיבים היא אוסף של רכיבי UI מוכנים ומלוטשים. אפשר להוסיף אותם ישירות מצ'אט ה-AI בעורך האפליקציה. במקום לתאר פריסה מאפס, אתה מעיין ברכיבים נבחרים ובוחר את הרכיב הרצוי. לאחר מכן, Base44 בונה אותו מחדש בתוך האפליקציה שלך.

<Tip>
  כשאתה מוסיף רכיב, Base44 מתאים אותו לעיצוב האתר שלך. הצבעים, הגופנים והתוכן מותאמים לאפליקציה, במקום בלוק כללי. תמיד אפשר להמשיך להתאים את העיצוב בעזרת צ'אט ה-AI.
</Tip>

<Frame caption="ספריית הרכיבים בעורך האפליקציה">
  <img src="https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-hero.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=ca00ba23e2cda4bcc3f33ae5fb4aea16" alt="צילום מסך של חלון ספריית הרכיבים עם All components מסומן, רשימת הקטגוריות ורשת רכיבים צבעונית" width="1296" height="848" data-path="images/components-library-v2-hero.png" />
</Frame>

***

## פתיחת ספריית הרכיבים

פותחים את ספריית הרכיבים מתפריט הפלוס בצ'אט ה-AI, ליד המקום שבו מקלידים פרומפטים.

<Tip>
  כשאתה בוחר רכיב, צ'אט ה-AI עובר אוטומטית ל-**Build mode**. מידע נוסף על מצבי הצ'אט זמין ב[מצבי צ'אט AI](/he/Building-your-app/AI-chat-modes).
</Tip>

**לפתיחת ספריית הרכיבים:**

1. עבור לעורך האפליקציה.
2. בצ'אט ה-AI, לחץ על סמל הפלוס ליד תיבת הפרומפט.
3. לחץ על **Explore component library**.

<Frame caption="פתיחת ספריית הרכיבים מתפריט הפלוס">
  <img src="https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-plus-menu.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=4d0a09d233a19ab596d9d6b26458ab8a" alt="צילום מסך של תפריט הפלוס בצ'אט ה-AI כשהסמן על Explore component library" style={{ width: "60%", display: "block", margin: "0 auto" }} width="712" height="554" data-path="images/components-library-v2-plus-menu.png" />
</Frame>

***

## עיון ברכיבים ותצוגה מקדימה

ספריית הרכיבים נפתחת בחלון גדול. בחלק העליון יש תיבת חיפוש, ומשמאל רשימת קטגוריות. האפשרות **All components** מציגה את כל הרכיבים בספרייה. כל קטגוריה מקבצת רכיבים לפי ייעוד, למשל **Commerce**, **Navigation** ו-**Booking & Scheduling**.

יש 3 דרכים למצוא רכיב:

* **חיפוש:** הקלד מילת מפתח בתיבת החיפוש. החיפוש מתבצע בקטגוריה הפתוחה. כדי לחפש בכל הספרייה, בחר קודם ב-**All components**.
* **קטגוריות:** לחץ על קטגוריה משמאל כדי לראות רק את הרכיבים שלה. בטלפון, הקטגוריות מופיעות כשורה מעל תיבת החיפוש.
* **מסננים:** לחץ על **Filters** כדי לצמצם את הרשימה לפי תגית.

העבר את העכבר מעל רכיב כדי לראות אותו בפעולה. לאחר מכן לחץ עליו כדי לפתוח את הפרטים שלו. תראה תצוגה מקדימה חיה שאפשר להחליף בה בין **Desktop** ל-**Mobile**, וגם תיאור קצר. ברכיבים מסוימים יש גם **Try different states**, שמאפשר לראות כל מצב לפני ההוספה. השתמש בחצים ליד שם הרכיב כדי לעבור לרכיב הקודם או הבא.

<Frame caption="עיון בקטגוריה בספריית הרכיבים">
  <img src="https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-category.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=2382a5669de546111436abebb14b466c" alt="צילום מסך של ספריית הרכיבים עם הקטגוריה Commerce מסומנת והרכיבים שלה מוצגים עם Filters" width="2160" height="1188" data-path="images/components-library-v2-category.png" />
</Frame>

***

## הוספת רכיב

בפרטי הרכיב, אתה מסביר ל-AI איך להשתמש בו. לאחר מכן אתה מוסיף אותו לפרומפט או בונה אותו מיד. כל הודעה כוללת רכיב אחד. כשאתה שולח את ההודעה, Base44 בונה את הרכיב מחדש כקוד React בתוך האפליקציה. הסגנון, הגופנים והטקסטים מותאמים לעיצוב שלך.

**להוספת רכיב לאפליקציה:**

1. בעורך האפליקציה, לחץ על סמל הפלוס ליד תיבת הפרומפט בצ'אט ה-AI.
2. לחץ על **Explore component library**.
3. לחץ על הרכיב הרצוי.
4. תחת **How should the AI use it?**, תאר היכן למקם אותו, למשל בדף או בקטע מסוים. שלב זה אופציונלי.
5. לחץ על **Add to chat** כדי להכניס אותו לפרומפט ולערוך את ההודעה קודם. לחלופין, לחץ על **Build now** כדי לשלוח אותו מיד.

<Frame caption="פרטי רכיב, עם Add to chat ו-Build now">
  <img src="https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-details.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=9278e78651e0f8d5d2ae2feafeb5f6db" alt="צילום מסך של פרטי רכיב עם תצוגה מקדימה חיה, תיאור, והכפתורים Add to chat ו-Build now מסומנים" width="2160" height="1188" data-path="images/components-library-v2-details.png" />
</Frame>

<Note>
  **עוד על הוספת רכיבים:**

  * **הוספה מהירה:** כדי להוסיף רכיב בלי לפתוח את הפרטים שלו, לחץ על **+** בכרטיס שלו.
  * **צפייה חוזרת:** כדי לראות רכיב שוב מאוחר יותר, לחץ על התג שלו בתיבת הפרומפט או מעל ההודעה ששלחת.
  * **ספריות קוד חדשות:** אם רכיב מסתמך על ספריית קוד שעדיין אין באפליקציה, Base44 מבקש ממך לאשר את התקנתה במסגרת בניית הרכיב. מידע נוסף זמין ב[הוספה ושימוש בחבילות npm](/he/Building-your-app/NPM-packages).
</Note>

***

## שאלות נפוצות

לחץ על שאלה למטה כדי ללמוד עוד.

<AccordionGroup>
  <Accordion title="האם אפשר להוסיף יותר מרכיב אחד בכל פעם?">
    כל הודעה כוללת רכיב אחד. כדי להוסיף רכיב נוסף, פתח שוב את ספריית הרכיבים וחזור על השלבים.
  </Accordion>

  <Accordion title="האם הוספת רכיב עולה קרדיטים נוספים?">
    לא. הוספת רכיב היא הודעת בנייה רגילה, ולכן היא צורכת קרדיטים כמו כל פרומפט אחר. אין חיוב נפרד על עיון ברכיבים או על הוספתם.
  </Accordion>

  <Accordion title="האם אפשר לשנות רכיב אחרי שהוספתי אותו?">
    כן. אחרי הבנייה, הרכיב הופך לחלק מהאפליקציה. אפשר לבקש מצ'אט ה-AI לשנות את הסגנון, התוכן או הפריסה שלו, כמו כל חלק אחר באפליקציה.
  </Accordion>
</AccordionGroup>

<Note>דף זה תורגם באמצעות AI. למידע המדויק והעדכני ביותר, עיין ב[גרסה האנגלית](/). </Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.