Card | NextJS Material Dashboard 2 @ Creative Tim

The Blog Cards components helps you to simply create beautiful cards for blog posts or other purposes.

The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.

Simple Blog Card

// NextJS Material Dashboard 2 Examples import SimpleBlogCard from "/examples/Cards/BlogCards/SimpleBlogCard";

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis non dolore est fuga nobis ipsum illum eligendi nemo iure repellat, soluta, optio minus ut reiciendis voluptates enim impedit veritatis officiis.

Props Information

Name	Type	Default	Description
image*	string		Used to set the `SimpleBlogCard` image. Its a required prop.
title*	string		Used to set the `SimpleBlogCard` title. Its a required prop.
description*	string		Used to set the `SimpleBlogCard` description. Its a required prop.
action*	{ type: ["enternal", "internal"], route: string, color: ["primary", "secondary", "info", "success", "warning", "error", "dark", "light", "default"], label: string, }	false	Used to set the `SimpleBlogCard` route, it used to define the route and the action button styles. Its a required prop.