prepare layout
This commit is contained in:
13
app/components/ShadcnButton.tsx
Normal file
13
app/components/ShadcnButton.tsx
Normal file
@@ -0,0 +1,13 @@
|
||||
"use client";
|
||||
import React from 'react';
|
||||
import { Button } from '@shadcn/ui';
|
||||
|
||||
const ShadcnButton: React.FC = () => {
|
||||
return (
|
||||
<Button onClick={() => alert('Button clicked!')}>
|
||||
Click me
|
||||
</Button>
|
||||
);
|
||||
};
|
||||
|
||||
export default ShadcnButton;
|
||||
16
app/components/TailwindButton.tsx
Normal file
16
app/components/TailwindButton.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
"use client";
|
||||
|
||||
import React from 'react';
|
||||
|
||||
const TailwindButton: React.FC = () => {
|
||||
return (
|
||||
<button
|
||||
onClick={() => alert('Button clicked!')}
|
||||
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
|
||||
>
|
||||
Click me
|
||||
</button>
|
||||
);
|
||||
};
|
||||
|
||||
export default TailwindButton;
|
||||
Reference in New Issue
Block a user