+ {({ className, style, tokens, getLineProps, getTokenProps }) => (
+
+ {tokens.map((line, i) => (
+
+ {line.map((token, key) =>
+
+ )}
+
+ ))}
+
+ )}
+
+ );
+};
diff --git a/website/components/Extends/index.tsx b/website/components/Extends/index.tsx
new file mode 100644
index 0000000..a949743
--- /dev/null
+++ b/website/components/Extends/index.tsx
@@ -0,0 +1,31 @@
+import React, { FC, useContext } from 'react';
+import { Typography, Tag, Stack, Text } from '@xcorejs/ui';
+import { PropsContext } from '../PropsContext';
+import Link from 'next/link';
+
+interface Props {
+ props: string[];
+}
+
+const Extends: FC