“Bereaksi kerangka” Kode Jawaban

Bereaksi kerangka

  const PreLoader = () => {
    let Hei = '100px';
    let MB = '15px';
    return (
      <React.Fragment>
        <TitleSkeleton 
          style={{ 
            margin: '5px', 
            marginBottom: MB
            }} 
          width={'90%'}
          height={Hei}
        />
        <TitleSkeleton 
          style={{ 
            margin: '5px', 
            marginBottom: MB
          }} 
          width={'90%'} 
          height={Hei}
        />
      </React.Fragment>
    )
  }
Cute Caribou

Bereaksi kerangka

  const PreLoader = () => {
    let height = '80px';
    return (
      <React.Fragment>
        <FCardLoading>
          <TextSkeleton height={height}/>
        </FCardLoading>
      </React.Fragment>
    )
  }
Cute Caribou

Bereaksi kerangka

import React from "react"
import ContentLoader from "react-content-loader"

const MyLoader = (props) => (
  <ContentLoader 
    speed={2}
    width={400}
    height={160}
    viewBox="0 0 400 160"
    backgroundColor="#f3f3f3"
    foregroundColor="#ecebeb"
    {...props}
  >
    <rect x="48" y="8" rx="3" ry="3" width="88" height="6" /> 
    <rect x="48" y="26" rx="3" ry="3" width="52" height="6" /> 
    <rect x="0" y="56" rx="3" ry="3" width="410" height="6" /> 
    <rect x="0" y="72" rx="3" ry="3" width="380" height="6" /> 
    <rect x="0" y="88" rx="3" ry="3" width="178" height="6" /> 
    <circle cx="20" cy="20" r="20" />
  </ContentLoader>
)

export default MyLoader
Sourav Saha

Jawaban yang mirip dengan “Bereaksi kerangka”

Pertanyaan yang mirip dengan “Bereaksi kerangka”

Lebih banyak jawaban terkait untuk “Bereaksi kerangka” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya