Panel

Визуальное оформление

Тип отображения

Задаётся свойством mode.

• "card" — карточный дизайн с тенями и скруглениями;
• "plain" — плоский дизайн без теней и скруглений.

По умолчанию переключение между типами отображения зависит от sizeY

Центрирование контента

Задаётся свойством centered.

Фон страницы

Задаётся свойством disableBackground.

• true — задаёт прозрачный цвет фона;
• false — стандартный цвет фона.

PanelSpinner

Индикатора загрузки внутри экрана. Автоматически добавляет стандартные отступы и центрирование.

Свойства

Наследует все свойства компонента Spinner.

• size — размер индикатора.
• disableAnimation — отключение анимации.
• noColor — наследование цвета.

Высота компонента

Задается с помощью свойства height:

<PanelSpinner height={300} />

Когда использовать

• При загрузке контента внутри экрана.
• Когда нужен центрированный спиннер с отступами.
• Для полностраничной загрузки (в сочетании с кастомной высотой).

Альтернативы

• Spinner — для встроенной загрузки внутри элементов.
• ScreenSpinner — для модальной загрузки поверх интерфейса.

Доступность (a11y)

Следует придерживаться тех же правил, что и для компонента Spinner.

Свойства и методы