create-content-loader/src/Gallery/insertYourLoaderHere/ChartyAxisOnRight.js at 21fd941e88ca595621d01941cfc5e34793eb7d1a · danilowoz/create-content-loader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import React from "react"
import ContentLoader, { Rect, Circle, Path } from "react-content-loader/native"

const ChartyAxisOnRight = props => {
  return(
    <ContentLoader
      speed={1.5}
      width={400}
      height={180}
      viewBox="0 0 400 180"
      backgroundColor="#eaeced"
      foregroundColor="#ffffff"
      {...props}
    >
      <Rect x="9" y="0" rx="5" ry="5" width="347" height="180" />
      <Rect x="131" y="82" rx="0" ry="0" width="24" height="0" />
      <Rect x="363" y="31" rx="5" ry="5" width="30" height="12" />
      <Rect x="363" y="59" rx="5" ry="5" width="30" height="12" />
      <Rect x="363" y="87" rx="5" ry="5" width="30" height="12" />
      <Rect x="363" y="167" rx="5" ry="5" width="30" height="12" />
      <Rect x="363" y="3" rx="5" ry="5" width="30" height="12" />
      <Rect x="363" y="138" rx="5" ry="5" width="30" height="12" />
      <Rect x="363" y="114" rx="5" ry="5" width="30" height="12" />
    </ContentLoader>
  )
}


ChartyAxisOnRight.metadata = {
  name: 'Erfin Badriansyah',
  github: 'erfinbadrian',
  description: 'Chart with yAxis on right',
  filename: 'ChartyAxisOnRight',
}

export default ChartyAxisOnRight