# Learning the Basics

## Overview

Welcome to the '**Learning the Basics**' section, which guides you through the fundamental concepts of Avonni Components for Salesforce Experience Site. This resource is designed to provide a comprehensive understanding of key features and functionalities that make Avonni Components a powerful tool for building and customizing your Experience Site.

***

## Understanding Slots

{% hint style="warning" %}
Slots are only **available on LWR Sites**.
{% endhint %}

Slots are a fundamental feature in many Avonni Components for Salesforce Experience Site, playing a crucial role in customizing and enhancing their flexibility. They are essentially placeholders within a component where you can insert various other elements or components, providing a powerful way to tailor the functionality and design of your site’s elements.

<figure><img src="https://2929066058-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FWjoYoGWd4VVjsyoXn8Eu%2FExperience%20Cloud%20Quick%20Start%20Guide%20Nov%2019.jpg?alt=media&#x26;token=a8153a03-15b2-4a00-8238-94b721a3567c" alt=""><figcaption><p>How to identify Slots</p></figcaption></figure>

***

## Data Model Sharing with Avonni Components

### Adherence to Salesforce Data Sharing Rules

* **Respecting Org Settings:** Avonni Components fully comply with your Salesforce organization's existing data-sharing configurations and access settings.
* **No Interference Policy:** These components do not alter or affect your pre-established data-sharing rules in any way.
* **Controlled Visibility and Access:** The ability to view and interact with records through Avonni Components is governed by your organization's defined sharing settings and user permissions.

***

## Advanced visibility control

The pre-built Experience Site Components follow Salesforce's standard visibility model: you can use Audiences to show or hide components based on profile, location, or other broad criteria.

If you need more granular control — showing a component only when a specific field equals a value, or toggling visibility based on a user action — [Avonni Dynamic Components](https://app.gitbook.com/s/ODPvvv7Cx9Z9RECLn3oV/) offer a built-in [visibility rule system](https://app.gitbook.com/s/ODPvvv7Cx9Z9RECLn3oV/core-concepts/component-visibility) that works on Experience Cloud sites. You can embed Flows, custom LWCs, and Avonni components within a Dynamic Component and manage their visibility from a single place, using conditions based on record data, variables, formulas, or device type.

Dynamic Components and pre-built Experience Components can coexist on the same site page. Use pre-built components when their default behavior is enough, and Dynamic Components when you need conditional logic or complex layouts

***

## Expressions

Expressions in component configuration dynamically compute values and update content, enhancing site interactivity and responsiveness.

Discover our tutorials on expressions to boost your site’s dynamism and responsiveness.

| Name                                                                                                                                                                                                                                        | Description                                                                                 |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
| [**Configuring the Data Table to display current related record information**](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/data-table/configuring-the-data-table-to-display-current-related-record-information) | Setting up Avonni Data Table to display contact information related to an existing account. |
| [**Set up the Profile Card to display current user information**](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/profile-card/set-up-the-profile-card-to-display-current-user-information)                         | Setting up Avonni Profile Card to personalize user information display                      |

### Learn more about Expressions

{% content-ref url="../tutorials/general/expressions-for-lwr-sites" %}
[expressions-for-lwr-sites](https://docs.avonnicomponents.com/experience-cloud/tutorials/general/expressions-for-lwr-sites)
{% endcontent-ref %}

{% content-ref url="../tutorials/general/expressions-for-aura-sites" %}
[expressions-for-aura-sites](https://docs.avonnicomponents.com/experience-cloud/tutorials/general/expressions-for-aura-sites)
{% endcontent-ref %}