Blog Cards

PRO

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
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

NameTypeDefaultDescription
image*stringUsed to set the SimpleBlogCard image. Its a required prop.
title*stringUsed to set the SimpleBlogCard title. Its a required prop.
description*stringUsed 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, }falseUsed to set the SimpleBlogCard route, it used to define the route and the action button styles. Its a required prop.