Preloader

Цветовые темы

<Preloader color="default" />
  <DemoPreloaderWrapper bgColor="var(--stcWhite)">
      <Preloader color="black" />
  </DemoPreloaderWrapper>
  <DemoPreloaderWrapper bgColor="var(--brandGreen)">
      <Preloader color="white" />
  </DemoPreloaderWrapper>

Код DemoPreloaderWrapper
export const DemoPreloaderWrapper: React.FC = ({ children }) => {
    return (
        <div style={wrapperStyles}>
            {children}
        </div>
    );
};

const wrapperStyles = {
    backgroundColor: '#00B956',
    padding: '20px',
};

Размеры

<Preloader sizeAll="small" />
  <Preloader sizeAll="medium" />

Задержка отрисовки

Задержка отрисовки отключена (по умолчанию отрисовка происходит с задержкой 250мс)

<Preloader hasDelay={false} />

Отключение анимации

Анимация загрузки отключена

 <Preloader disableAnimate />