mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-24 02:20:01 +08:00
103c2bda6f
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
28 lines
594 B
TypeScript
28 lines
594 B
TypeScript
import React from 'react';
|
|
import { Skeleton } from 'antd';
|
|
import { createStyles } from 'antd-style';
|
|
|
|
const useStyle = createStyles(({ token, css }) => ({
|
|
skeletonWrapper: css`
|
|
width: 100% !important;
|
|
height: 250px;
|
|
margin-bottom: ${token.margin}px;
|
|
border-radius: ${token.borderRadiusLG}px;
|
|
`,
|
|
}));
|
|
|
|
const DemoFallback = () => {
|
|
const { styles } = useStyle();
|
|
return (
|
|
<Skeleton.Node
|
|
active
|
|
className={styles.skeletonWrapper}
|
|
style={{ width: '100%', height: '100%' }}
|
|
>
|
|
{' '}
|
|
</Skeleton.Node>
|
|
);
|
|
};
|
|
|
|
export default DemoFallback;
|