PageLoading

Заглушка с центрированным спиннером на всю область страницы. Показывается, пока грузятся данные раскладки.

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

  • Первичная загрузка страницы продукта, до того как готовы данные для Page*-раскладки.
  • Нужен единый по DS лоадер во всю область контента вместо локальных спиннеров.

Анатомия

  • className — CSS-класс контейнера (например, чтобы задать высоту области).

Внутри — Spinner размера m из @cloud-ru/ds-loader, центрированный по контейнеру.

Установка

pnpm add @cloud-ru/ds-uikit-product-page-layout
import { PageLoading } from '@cloud-ru/ds-uikit-product-page-layout'

Props

Types

PropsPageLoadingProps
PropTypeDefaultRequiredDescription
classNamestringnoCSS-класс
data-test-idstringno

Types

PageLoadingProps

Storybook