Skip to content

Instantly share code, notes, and snippets.

@ahaywood
Created March 25, 2024 22:08
Show Gist options
  • Save ahaywood/e681e5e9d01295cb21129f4c6041833c to your computer and use it in GitHub Desktop.
Save ahaywood/e681e5e9d01295cb21129f4c6041833c to your computer and use it in GitHub Desktop.
About Page Component from 4 Different Framework Setups
export default function AboutPage() {
return (
<div className="bg-purple-900 p-2 m-2">
<h1>About Page</h1>
</div>
);
}
export default function AboutPage() {
return (
<div className="bg-purple-900 p-2 m-2">
<h1>About Page</h1>
</div>
)
}
const AboutPage = () => {
return (
<div className="bg-purple-900 text-white p-2 m-2">
<h1>About Page</h1>
</div>
)
}
export default AboutPage
import { Outlet } from "@remix-run/react";
export default function AboutLayout() {
return (
<div className="border-2 border-purple-500 m-2 p-2">
<h1>Layout</h1>
<Outlet />
</div>
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment