mirror of
https://gitlab.com/MisterBiggs/hello-remix.git
synced 2025-06-15 13:06:40 +00:00
54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
import {
|
|
Form,
|
|
Links,
|
|
Meta,
|
|
Scripts,
|
|
ScrollRestoration,
|
|
} from "@remix-run/react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<meta charSet="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<Meta />
|
|
<Links />
|
|
</head>
|
|
<body>
|
|
<div id="sidebar">
|
|
<h1>Remix Contacts</h1>
|
|
<div>
|
|
<Form id="search-form" role="search">
|
|
<input
|
|
id="q"
|
|
aria-label="Search contacts"
|
|
placeholder="Search"
|
|
type="search"
|
|
name="q"
|
|
/>
|
|
<div id="search-spinner" aria-hidden hidden={true} />
|
|
</Form>
|
|
<Form method="post">
|
|
<button type="submit">New</button>
|
|
</Form>
|
|
</div>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href={`/contacts/1`}>Your Name</a>
|
|
</li>
|
|
<li>
|
|
<a href={`/contacts/2`}>Your Friend</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<ScrollRestoration />
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|