Sha256: 7169701f0ddc361fea543b949701e0631357595b47a4438ca072c9a868c7809f
Contents?: true
Size: 1.68 KB
Versions: 2
Compression:
Stored size: 1.68 KB
Contents
import { Head } from '@inertiajs/react'
import { useState } from 'react'
import reactSvg from '/assets/react.svg'
import inertiaSvg from '/assets/inertia.svg'
import viteRubySvg from '/assets/vite_ruby.svg'
import cs from './InertiaExample.module.css'
export default function InertiaExample({ name }: { name: string }) {
const [count, setCount] = useState(0)
return (
<>
<Head title="Inertia + Vite Ruby + React Example" />
<div className={cs.root}>
<h1 className={cs.h1}>Hello {name}!</h1>
<div>
<a href="https://inertia-rails.netlify.app" target="_blank">
<img className={cs.logo} src={inertiaSvg} alt="Inertia logo" />
</a>
<a href="https://vite-ruby.netlify.app" target="_blank">
<img
className={`${cs.logo} ${cs.vite}`}
src={viteRubySvg}
alt="Vite Ruby logo"
/>
</a>
<a href="https://react.dev" target="_blank">
<img
className={`${cs.logo} ${cs.react}`}
src={reactSvg}
alt="React logo"
/>
</a>
</div>
<h2 className={cs.h2}>Inertia + Vite Ruby + React</h2>
<div className="card">
<button
className={cs.button}
onClick={() => setCount((count) => count + 1)}
>
count is {count}
</button>
<p>
Edit <code>app/frontend/pages/InertiaExample.jsx</code> and save to
test HMR
</p>
</div>
<p className={cs.readTheDocs}>
Click on the Inertia, Vite Ruby, and React logos to learn more
</p>
</div>
</>
)
}
Version data entries
2 entries across 2 versions & 1 rubygems