# Willkommen

Bei Avonni glauben wir, dass jeder Salesforce-Benutzer leistungsstarke Werkzeuge verdient, die einfach zu bedienen sind — unsere Mission ist es, dies durch durchdacht gestaltete vorgefertigte UI-Komponenten zu liefern.

<a href="https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840&#x26;channel=recommended&#x26;other_source=AppExchange+Recommended" class="button primary" data-icon="up-right-from-square">Komponenten installieren</a> <a href="erste-schritte/kurzanleitung" class="button secondary" data-icon="stars">Schnellstart</a>

## Entdecken Sie die Avonni-Komponenten für Experience Sites

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Komponenten erkunden</strong></td><td>Entdecken Sie alle Avonni-Komponenten, die für Experience Sites verfügbar sind</td><td></td><td><a href="experience-components/alle-komponenten-anzeigen">alle-komponenten-anzeigen</a></td><td><a href="https://4175360472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FxkrI8UTEQFCNzbif54US%2Fnew%20Deisnger%20(5).png?alt=media&#x26;token=8b380954-b3de-43f7-b660-2a8608672908">new Deisnger (5).png</a></td></tr><tr><td><strong>Anleitungen</strong></td><td>Erfahren Sie, wie Sie die Avonni-Komponenten in Aktionen verwenden.</td><td></td><td><a href="tutorials/komponenten">komponenten</a></td><td><a href="https://4175360472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FVeWgXTdBffgsuuYQvQGq%2Fnew%20Deisnger%20(6).png?alt=media&#x26;token=42c015c6-1066-4e6c-87a3-68c5f20674a9">new Deisnger (6).png</a></td></tr><tr><td><strong>Anwendungsfälle</strong></td><td>Erfahren Sie, wie Komponenten kombiniert werden können, um komplexe Anwendungsfälle zu erstellen.</td><td></td><td><a href="https://app.gitbook.com/s/dHOej9Pd5IxJNGEJMZKW/#experience-cloud-components">experience-cloud-components</a></td><td><a href="https://4175360472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FF41C3qtzkKCspZGfzHpR%2Fnew%20Deisnger%20(7).png?alt=media&#x26;token=0598ad3e-6d5f-4788-b5a1-23ec25c2b6f2">new Deisnger (7).png</a></td></tr></tbody></table>

{% hint style="info" %}
Die Avonni-Komponenten für Experience Sites **sind mit Aura- und LWR-Sites kompatibel**. Allerdings sind in Aura-Sites [Slots](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/erste-schritte/die-grundlagen-lernen#understanding-slots) nicht verfügbar.
{% endhint %}

Hier ist eine Anleitung zum Verständnis unserer Komponenten basierend auf ihrer Kategorisierung:

* **Inhaltskomponenten (grünes Symbol)**: Diese Komponenten konzentrieren sich auf den Inhaltsaspekt Ihrer Oberfläche und sorgen dafür, dass Ihre Botschaft klar und wirkungsvoll vermittelt wird.
* **Layout-Komponenten (blaues Symbol)**: Diese Komponenten bestimmen die Struktur Ihrer Oberfläche und bieten einen Rahmen, der sicherstellt, dass Funktionalität und Ästhetik harmonisch zusammenwirken.
* **Datenkomponenten (violettes Symbol)**: Diese Komponenten konzentrieren sich auf die Darstellung und Interaktion mit Daten und ermöglichen es Ihnen, Daten effizient und intuitiv anzuzeigen und zu verwalten.
* **Andere Komponenten (rotes Symbol)**: Diese Kategorie umfasst Komponenten, die spezialisierten oder sonstigen Zwecken dienen und auf spezielle Bedürfnisse eingehen, die möglicherweise nicht in die primären Kategorien passen.