website: add github corners.

README.md

@@ -103,6 +103,30 @@ export declare function generateMultiple(length?: number, opts?: Option): string
 export declare function validate(password?: string): number;
 ```
 
+## Example
+
+```jsx mdx:preview
+import React, { useState } from 'react';
+import { generate } from '@wcj/generate-password';
+
+const Demo = () => {
+  const [lowerCase, setLowerCase] = useState(true);
+  const opts = { lowerCase };
+  const [password, setPassword] = useState(generate(opts));
+  return (
+    <div>
+      <div>{password}</div>
+      <button onClick={() => setPassword(generate(opts))}>Generate Password</button>
+      <div>
+        <input type="checkbox" checked={lowerCase} onChange={(evn) => setLowerCase(!lowerCase)} />
+      </div>
+    </div>
+  );
+};
+
+export default Demo;
+```
+
 ## Development
 
 ```bash

www/package.json

@@ -11,11 +11,12 @@
   "keywords": [],
   "dependencies": {
     "@uiw/react-markdown-preview": "^4.0.11",
+    "@uiw/react-github-corners": "^1.5.14",
     "@wcj/dark-mode": "^1.0.14",
     "@wcj/generate-password": "1.0.1",
     "markdown-react-code-preview-loader": "^2.1.2",
     "react": "^18.1.0",
-    "react-code-preview-layout": "^2.0.2",
+    "react-code-preview-layout": "^2.0.5",
     "react-dom": "^18.1.0",
     "styled-components": "^5.3.5"
   },

www/src/index.tsx

@@ -1,5 +1,6 @@
 import { Fragment } from 'react';
 import { createRoot } from 'react-dom/client';
+import GitHubCorners from '@uiw/react-github-corners';
 import '@wcj/dark-mode';
 import Markdown from './Markdown';
 import data from '../../README.md';
@@ -8,6 +9,7 @@ const container = document.getElementById('root');
 const root = createRoot(container!);
 root.render(
   <Fragment>
+    <GitHubCorners target="__blank" position="right" fixed href="https://github.com/uiwjs/react-github-corners" />
     <dark-mode permanent light="Light" dark="Dark"></dark-mode>
     <Markdown {...data} />
   </Fragment>,