More components

2020-12-20 21:53:23 -06:00
parent df54b5834b
commit fdef2842ef
56 changed files with 2000 additions and 222 deletions
@@ -0,0 +1,19 @@
+const PostCard = ({ title, type, text, author, image }) => (
+  <div className="m-auto px-4 py-4 max-w-xl">
+    <div className="bg-white shadow-md rounded-b-xl">
+      <div>
+        <img
+          className="rounded-t-xl h-32 w-full object-cover"
+          src={image || 'https://ionic-docs-demo.herokuapp.com/assets/card-top-img.png'}
+        />
+      </div>
+      <div className="px-4 py-4 mt-2 bg-white rounded-b-xl">
+        <h4 className="font-bold py-0 text-s text-gray-400 uppercase">{type}</h4>
+        <h2 className="font-bold text-2xl text-gray-800">{title}</h2>
+        <p className="sm:text-sm text-s text-gray-500 mr-1 my-3">{text}</p>
+      </div>
+    </div>
+  </div>
+);
+
+export default PostCard;