react-loading 컴포넌트

[hwisaac]

설명

https://github.com/fakiolinho/react-loading
로딩 컴포넌트를 보여줍니다.
Demo

사용법

1. import ReactLoading from 'react-loading'; 로 컴포넌트 import
2. <ReactLoading type="spin" color="#000" height={667} width={375} /> 와 같이 적용

name	type	default value
type	string	balls
color	string	#fff
delay	number	0 (ms)
hiehgt	number or string	64 (px)
hiehgt	number or string	64 (px)
className	string	''

적용예시1

import React from 'react';
import ReactLoading from 'react-loading';
 
const Example = ({ type, color }) => (
    <ReactLoading type={type} color={color} height={667} width={375} />
);
 
export default Example;

적용예시2

// src/components/SkeletonLoanProductCard.tsx 에서 사용했습니다
<ReactLoading
    className='relative bottom-2'
    type='spokes'
    color='#000'
    height={"5%"}
    width={"5%"}
  />