how2ice/react-test
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

init project
Some checks failed
No response / noResponse (push) Has been cancelled
Details
CI / Continuous releases (push) Has been cancelled
Details
CI / test-dev (macos-latest) (push) Has been cancelled
Details
CI / test-dev (ubuntu-latest) (push) Has been cancelled
Details
CI / test-dev (windows-latest) (push) Has been cancelled
Details
Maintenance / main (push) Has been cancelled
Details
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
Details
CodeQL / Analyze (push) Has been cancelled
Details

Browse Source
This commit is contained in:
how2ice
2025-12-12 14:26:25 +09:00
commit 005cf56baf
43188 changed files with 1079531 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
examples/joy-ui-nextjs-ts/src/app/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

17
examples/joy-ui-nextjs-ts/src/app/layout.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from 'react';
import ThemeRegistry from '@/components/ThemeRegistry/ThemeRegistry';
export const metadata = {
title: 'Create Next App',
description: 'Generated by create next app',
};
export default function RootLayout(props: { children: React.ReactNode }) {
return (
<html lang="en">
<body>
<ThemeRegistry>{props.children}</ThemeRegistry>
</body>
</html>
);
}

63
examples/joy-ui-nextjs-ts/src/app/page.tsx Normal file
View File

@@ -0,0 +1,63 @@
import * as React from 'react';
import Sheet from '@mui/joy/Sheet';
import Typography from '@mui/joy/Typography';
import FormControl from '@mui/joy/FormControl';
import FormLabel from '@mui/joy/FormLabel';
import Input from '@mui/joy/Input';
import Button from '@mui/joy/Button';
import Link from '@mui/joy/Link';
export default function Home() {
return (
<Sheet
sx={{
display: 'flex',
flexFlow: 'row nowrap',
justifyContent: 'center',
alignItems: 'center',
minHeight: '100vh',
}}
>
<Sheet
sx={{
width: 300,
mx: 'auto',
my: 4,
py: 3,
px: 2,
display: 'flex',
flexDirection: 'column',
gap: 2,
borderRadius: 'sm',
boxShadow: 'md',
}}
variant="outlined"
>
<div>
<Typography level="h4" component="h1">
<strong>Welcome back 👋</strong>
</Typography>
<Typography level="body-sm">Sign in to continue.</Typography>
</div>
<FormControl id="email">
<FormLabel>Email</FormLabel>
<Input name="email" type="email" placeholder="johndoe@email.com" />
</FormControl>
<FormControl id="password">
<FormLabel>Password</FormLabel>
<Input name="password" type="password" placeholder="password" />
</FormControl>
<Button sx={{ mt: 1 }}>Log in</Button>
<Typography
endDecorator={<Link href="/sign-up">Sign up</Link>}
sx={{
fontSize: 'sm',
alignSelf: 'center',
}}
>
Don&apos;t have an account?
</Typography>
</Sheet>
</Sheet>
);
}

64
examples/joy-ui-nextjs-ts/src/app/sign-up/page.tsx Normal file
View File

@@ -0,0 +1,64 @@
import * as React from 'react';
import Sheet from '@mui/joy/Sheet';
import Typography from '@mui/joy/Typography';
import FormControl from '@mui/joy/FormControl';
import FormLabel from '@mui/joy/FormLabel';
import Input from '@mui/joy/Input';
import Button from '@mui/joy/Button';
import Link from '@mui/joy/Link';
export default function SignUp() {
return (
<Sheet
sx={{
display: 'flex',
flexFlow: 'row nowrap',
justifyContent: 'center',
alignItems: 'center',
minHeight: '100vh',
}}
>
<Sheet
sx={{
width: 300,
mx: 'auto',
my: 4,
py: 3,
px: 2,
display: 'flex',
flexDirection: 'column',
gap: 2,
borderRadius: 'sm',
boxShadow: 'md',
}}
variant="outlined"
>
<div>
<Typography level="h4" component="h1">
<strong>Welcome 👋</strong>
</Typography>
<Typography level="body-sm">Sign up for an account.</Typography>
</div>
<FormControl>
<FormLabel>Email</FormLabel>
<Input name="email" type="email" placeholder="johndoe@email.com" />
</FormControl>
<FormControl>
<FormLabel>Password</FormLabel>
<Input name="password" type="password" placeholder="password" />
</FormControl>
<Button sx={{ mt: 1 }}>Create account</Button>
<Typography
endDecorator={<Link href="/">Log in</Link>}
sx={{
fontSize: 'sm',
alignSelf: 'center',
}}
>
Already have an account?
</Typography>
</Sheet>
</Sheet>
);
}