aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/app/components/title.tsx
diff options
context:
space:
mode:
authorHsiangNianian <admin@jyunko.cn>2023-04-17 18:53:55 +0000
committerHsiangNianian <admin@jyunko.cn>2023-04-17 18:53:55 +0000
commitb135aac8531c1e1488147ad8c6f98eddbdbe0c99 (patch)
tree189e9fea7109564d63207e231d5b0e5624243072 /app/components/title.tsx
downloadHydroRoll-b135aac8531c1e1488147ad8c6f98eddbdbe0c99.tar.gz
HydroRoll-b135aac8531c1e1488147ad8c6f98eddbdbe0c99.zip
Initial commit
Created from https://vercel.com/new
Diffstat (limited to 'app/components/title.tsx')
-rw-r--r--app/components/title.tsx9
1 files changed, 9 insertions, 0 deletions
diff --git a/app/components/title.tsx b/app/components/title.tsx
new file mode 100644
index 0000000..b9b7f3c
--- /dev/null
+++ b/app/components/title.tsx
@@ -0,0 +1,9 @@
+import React, { PropsWithChildren } from "react";
+
+export const Title: React.FC<PropsWithChildren> = ({ children }): JSX.Element => {
+ return (
+ <h1 className="py-4 text-5xl font-bold text-center text-transparent bg-gradient-to-t bg-clip-text from-zinc-100/60 to-white">
+ {children}
+ </h1>
+ );
+};