---
description: >-
  The appmixer.ui.Components is a UI widget that displays all available
  applications and components.
---

# Components

| Method                           | Description                                                                                                                                                                              |
| -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `appmixer.ui.Components(config)` | Constructor function that accepts `config` object. The `config` object must contain at least the `el` property that points to a container DOM element where the widget will be rendered. |
| `open()`                         | Render the widget inside its container.                                                                                                                                                  |
| `close()`                        | Terminate widget and empty the container.                                                                                                                                                |
| `reload()`                       | Reload the widget data.                                                                                                                                                                  |

### Example <a href="#example" id="example"></a>

```
var components = appmixer.ui.Components({
    el: '#your-accounts-div'
});
components.open();
```

![](https://4112778861-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LATDgYqVMe0hChW7efU%2F-MGNrWkTERf7KxGMqbPa%2F-MGNxjC02t4xUfJoFjul%2FAppmixer_Components.png?alt=media\&token=8b0a06cd-3990-432d-af89-4ee568ae1e73)
