---
url: https://gudhub.com/uk/docs/ssr-ssg/website/configs/components-list-config/
title: "Components List Config\n                #"
description: "The components list array defines the configuration for a set of custom web components used within the application. This list includes both pre packaged compone"
lang: uk
updated: 2026-09-12T11:26:02.116Z
---

# Components List Config [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/components-list-config/#components-list-config)

The `components_list` array defines the configuration for a set of custom web components used within the application. This list includes both pre-packaged components from the GudHub Components Library and custom components specific to the project.

## Structure of components\_list [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/components-list-config/#structure-of-components-list)

### Predefined Components [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/components-list-config/#predefined-components)

The configuration starts by importing a predefined set of components from the GudHub Components Library.

### Custom Components [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/components-list-config/#custom-components)

Custom components are added as objects with the following properties:

#### Properties [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/components-list-config/#properties)

| **Property Name** | **Type** | **Description** |
| :-- | :-- | :-- |
| `tag` | `string` | A string representing the custom HTML tag for the component (e.g., 'consultation-form'). |
| `src` | `string` | A string specifying the relative path to the JavaScript file that defines the component's functionality. |

Копіювати

```javascript
import { components_list as GudHubComponents } from '@gudhub/ssg-web-components-library';
export const components_list = [
    ...GudHubComponents,
    {
        tag: 'string',
        src: 'string',
    }
];
```