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

16 lines
419 B
TypeScript
Raw Normal View History

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