> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pnlight.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Компоненты Remote UI

> Добавляйте компоненты PNLight в конфигурацию Remote UI и настраивайте поддерживаемые свойства.

Используйте компоненты Remote UI, когда стандартная конфигурация Remote UI не обеспечивает нужное поведение. Добавьте компонент с типом `"type": "custom"` и его значением `custom_type`.

На этой странице перечислены все компоненты PNLight, которые можно добавить в конфигурацию Remote UI.

## Круговой индикатор загрузки

`pnlight.circular_loader` показывает круговой индикатор загрузки на экране Remote UI. Используйте его, пока приложение или экран загружает содержимое.

```json theme={null}
{
  "type": "custom",
  "custom_type": "pnlight.circular_loader",
  "width": { "type": "fixed", "value": 48 },
  "height": { "type": "fixed", "value": 48 },
  "custom_props": {
    "style": "large",
    "color": "#FF007AFF",
    "accessibility_label": "Loading"
  }
}
```

| Свойство              | Назначение                                                                                        |
| --------------------- | ------------------------------------------------------------------------------------------------- |
| `style`               | Укажите `medium` или `large`. Значение по умолчанию — `medium`.                                   |
| `color`               | Укажите цвет в формате `#RRGGBB` или `#AARRGGBB`. По умолчанию используется системный цвет метки. |
| `accessibility_label` | Укажите метку, которую озвучивают вспомогательные технологии. Значение по умолчанию — `Loading`.  |

Задайте размер компонента с помощью полей `width` и `height`. Используйте `{ "type": "wrap_content" }` для любого измерения, если индикатор должен использовать собственный размер.

<Tip>
  Просмотрите конфигурацию в разделе **Remote UI**, затем протестируйте плейсмент в приложении, прежде чем включать его для пользователей.
</Tip>