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

14 lines
405 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-03-12 03:27:56 +00:00
<Skeleton.Title style={{ width: 240, height: '1.8em', marginBottom: 12, marginTop: 12 }} />
<Skeleton.Paragraph style={{ width: '100%' }} rows={15} />
2022-02-20 11:51:55 +00:00
</>
);
return <Skeleton placeholder={placeholder} loading={true} active></Skeleton>;
};