mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
import Head from 'next/head';
|
|
import Image from 'next/image';
|
|
import styles from '../styles/Home.module.css';
|
|
import {
|
|
Container,
|
|
Button,
|
|
Input,
|
|
Spacer,
|
|
Text,
|
|
Link,
|
|
} from '@nextui-org/react';
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className={styles.container}>
|
|
<Head>
|
|
<title>NextUI | Create Next App</title>
|
|
<meta
|
|
name="description"
|
|
content="Generated by create next app and using NextUI as a react UI library"
|
|
/>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
|
|
<Container
|
|
as="main"
|
|
display="flex"
|
|
direction="column"
|
|
justify="center"
|
|
alignItems="center"
|
|
style={{ height: '100vh' }}
|
|
>
|
|
<Spacer />
|
|
<Image src="/logo.svg" alt="Vercel Logo" width={200} height={200} />
|
|
<Spacer />
|
|
<Text h1 className={styles.title}>
|
|
Welcome to
|
|
<Link
|
|
color
|
|
href="https://nextjs.org"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Next.js
|
|
</Link>
|
|
&
|
|
<Link
|
|
color
|
|
href="https://nextui.org"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
NextUI
|
|
</Link>
|
|
</Text>
|
|
<Spacer />
|
|
<Input clearable labelPlaceholder="Type something" />
|
|
<Spacer />
|
|
<Button>
|
|
<a
|
|
className={styles.button}
|
|
href="https://github.com/nextui-org/nextui"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Show on Github
|
|
</a>
|
|
</Button>
|
|
</Container>
|
|
</div>
|
|
);
|
|
}
|