Loading Spinner

Demo

페이지가 로딩 중임을 나타낼 수 있는 컴포넌트입니다.

size prop을 통해 크기 조절이 가능합니다.

Props

type LoadingSpinnerProps = {
  size?: 'small' | 'medium' | 'large';
};

const defaultLoadingSpinnerProps = {
  size: 'medium'
};

Usage

const LoadingSpinnerDemo = () => (
  <div css={{ position: 'relative', width: '20rem', height: '15rem' }}>
    <LoadingSpinner size="large" />
  </div>
);