diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-23 14:58:59 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-23 14:58:59 +0200 |
| commit | 85bde2d3d69a9f976d3e8ecc9343d1b52a0ec29f (patch) | |
| tree | c44620501c92c007fb41a52dd72738d89d719c58 /src/components/Counter.jsx | |
| parent | c94a56e59aa5843af93bece5f9f73c6cd07a936c (diff) | |
Add CenteredLayout with basic tailwind styles
Diffstat (limited to 'src/components/Counter.jsx')
| -rw-r--r-- | src/components/Counter.jsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/Counter.jsx b/src/components/Counter.jsx index a2ae7c3..8661dc0 100644 --- a/src/components/Counter.jsx +++ b/src/components/Counter.jsx @@ -4,8 +4,11 @@ export default function Counter() { const [count, setCount] = useState(0); return ( - <div className="counter"> - <button onClick={() => setCount(count + 1)}> + <div className="flex justify-center"> + <button + className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors" + onClick={() => setCount(count + 1)} + > Clicked {count} times </button> </div> |