# Using Variables and Component Data ## Overview Dynamic Components can pull from three types of data: **global variables** provided by Salesforce and the platform, **resources** you define yourself (variables, constants, formulas), and **live attribute values from other components on your canvas**. All three are accessed the same way — through the Resource Selector. *** ## The Resource Selector The Resource Selector is the small icon (`x` or a tag symbol) that appears **next to configurable properties throughout the builder — in the Properties Panel**, filter fields, and interaction settings. Clicking it opens a picker where you choose what data to bind to that property.

The three categories you'll see in the picker correspond to the three data types covered below: *** ### Global Variables Global variables give you context about the running environment — the current user, org, record, and component. They're always prefixed with `$`.

Variable	What it provides
`$User`	Currently logged-in user. Common fields: `$User.Id`, `$User.FirstName`, `$User.LastName`, `$User.Email`. Useful for personalization and "My Records" filters.
`$UserRole`	Current user's role in the role hierarchy: `$UserRole.Id`, `$UserRole.Name`. Useful for visibility rules based on role.
`$Profile`	Current user's profile: `$Profile.Id`, `$Profile.Name`. Useful for visibility rules based on profile.
`$Permission`	Custom permissions assigned to the current user. Useful for showing or hiding UI elements based on specific permissions.
`$Component`	The full record currently being viewed, when the Target Page Object is set and the component is on a record page. Access any field with dot notation: `$Component.record.Name`, `$Component.record.Industry`.
`$Component.recordId`	Just the ID of the current record (15 or 18 characters). Also accessible as `@recordId` in the Resource Selector. Useful for passing to queries or interactions.
`$Organization`	Current org details: `$Organization.Id`, `$Organization.Name`.
`$Location`	Current user's geolocation (latitude and longitude), when location access is available. Useful for map components or proximity-based filters.
`$System`	System-level information such as the current date and time.
`$Api`	Salesforce API context. Used in advanced scenarios.

`$Component` and `$Component.recordId` require the [**Target Page Object**](/dynamic-components/core-concepts/target-page-object.md) to be set — see the Target Page Object page for details. *** ### **Resources (Variables, Constants, Formulas)** Resources are values you define in the Resources Panel. To use one, click the Resource Selector next to any property and select it from the list. The builder displays the reference as `{!YourResourceApiName}`. Common uses: storing user input, computing display values with formulas, setting filter values, controlling component visibility, and passing data between interactions. ### **Component Attributes** Component attributes let one component read another's live state — this is the main mechanism for building reactive interfaces. To reference a component attribute: 1. Click the Resource Selector 2. Select the source component | Attribute | Component type | What it holds | | ------------------- | --------------------------- | --------------------------------------- | | `.value` | Inputs, comboboxes, sliders | Current selected or entered value | | `.firstSelectedRow` | Data Table | The full row object of the selected row | | `.activeItemValue` | Tabs | The value of the currently active tab | *** ## Examples ### Example 1: **Showing the current user's full name** ### Example 2: **Showing a button only when a specific status is selected** Imagine you have a combobox that allows users to select a status ('Active' or 'Inactive'). You want to show a "Reactivate" button only when 'Inactive' is selected. 1. **Add Combobox:** Add an Avonni Combobox. Give it an `API Name` (e.g., `StatusSelector`). Configure its options (Label/Value: Active/active, Inactive/inactive). 2. **Add Button:** Add an Avonni Button. Set its `Label` to "Reactivate". 3. **Set Button Visibility:** Select the Button. In the property, click the resource selector: * Choose **Component Attribute**. * **Component:** Select your Combobox (`StatusSelector`). * **Attribute:** Select `value`. * **Operator:** Set to `equals`. * **Value:** Enter the text `inactive` (matching the combobox option value). --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.avonnicomponents.com/dynamic-components/core-concepts/using-variables-and-component-data.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.