diff --git a/src/components/Quiz/index.tsx b/src/components/Quiz/index.tsx
new file mode 100644
index 0000000..9e53d11
--- /dev/null
+++ b/src/components/Quiz/index.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import Heading from "@theme/Heading";
+
+type QuizProp = {
+    children: React.ReactNode;
+    question: string;
+};
+
+export default function Quiz({ children, question }: QuizProp): JSX.Element {
+    return (
+        <React.Fragment>
+            <Heading as="h3">{question}</Heading>
+            <div style={{ display: "flex" }}>
+                <div style={{ fontWeight: "bold" }}>答：</div>
+                <div>{children}</div>
+            </div>
+        </React.Fragment>
+    );
+}