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 />