Sha256: 0728707718df594d5480c66ae4d27e32df43d398b18e9bec2b98628e508ddf68

Contents?: true

Size: 458 Bytes

Versions: 355

Compression:

Stored size: 458 Bytes

Contents

import React from 'react'
import { Card, SkeletonLoading } from "playbook-ui"


const SkeletonLoadingColor = (props) => (
  <div>
    <Card 
        borderNone 
        {...props}
    >
      <SkeletonLoading {...props}/>
    </Card>
    <Card 
        background="light" 
        borderNone 
        {...props}
    >
      <SkeletonLoading 
          color="white" 
          {...props} 
      />
    </Card>
  </div>
)

export default SkeletonLoadingColor

Version data entries

355 entries across 355 versions & 2 rubygems

Version Path
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4565 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.8.0 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui_docs-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
playbook_ui-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx