think/packages/client/src/tiptap/components/skeleton.tsx

14 lines
416 B
TypeScript
Raw Normal View History

2022-03-12 03:27:56 +00:00
import React from 'react';
import { Skeleton } from '@douyinfe/semi-ui';
2022-02-20 11:51:55 +00:00
export const DocumentSkeleton = () => {
const placeholder = (
<>
2022-04-03 02:29:44 +00:00
<Skeleton.Title style={{ width: 240, height: '2.4em', marginBottom: 12, marginTop: 12 }} />
<Skeleton.Paragraph style={{ width: '100%', height: 27 }} rows={7} />
2022-02-20 11:51:55 +00:00
</>
);
return <Skeleton placeholder={placeholder} loading={true} active></Skeleton>;
};