> For the complete documentation index, see [llms.txt](https://ivory-docs.gitbook.io/ivory/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ivory-docs.gitbook.io/ivory/features/updating-components.md).

# Updating Components

Modify existing rules and data elements

Update existing Adobe Tags components using natural language.

## Update a Single Component

1. Search for the component
2. Select it from results
3. Click **Update**
4. Describe the change:

```
Change the CSS selector to .new-button-class
```

5. Review the proposed changes
6. Approve to apply

## Preview Changes

Before applying, Ivory shows:

* Current configuration
* Proposed configuration
* What specifically changed

Review carefully before approving.

## Batch Updates

Update multiple components at once:

1. Search for related components
2. Select multiple results
3. Click **Batch Update**
4. Describe the change:

```
Replace all jQuery selectors with vanilla JavaScript equivalents
```

Each component shows its proposed changes. Approve individually or all at once.

## Update Examples

**Change a selector:**

```
Update the click selector to #new-submit-button
```

**Add a condition:**

```
Add a path condition that only fires on /checkout pages
```

**Modify variables:**

```
Change eVar5 from page name to page title
```

**Fix code:**

```
Replace $(this) with event.target
```

## Tips

* Be specific about what to change
* Review all changes before batch approving
* Use search to find all affected components first
