update src/components/CardDesign3/index.js

master
mahdi 2 years ago
parent f03df5c99c
commit 630b93e0e3
  1. 8
      src/components/CardDesign3/index.js

@ -7,13 +7,13 @@ import profilePic4 from "./images/profilePic4.svg";
import profilePic5 from "./images/profilePic5.svg"; import profilePic5 from "./images/profilePic5.svg";
import pen from "./pen.svg"; import pen from "./pen.svg";
const CardDesign3 = ({ items }) => { const CardDesign3 = ({ items, num }) => {
return ( return (
<> <>
{items.map((item, index) => ( {items.slice(0, num).map((item, index) => (
<div <div
key={index} key={index}
className="flex flex-row items-center p-4 bg-[#F8F8F8] border border-[#BCBCBC] rounded" className="flex flex-row items-center p-4 bg-[#F8F8F8] border border-[#BCBCBC] rounded mt-7"
> >
{/* right */} {/* right */}
<div className="flex flex-row items-center flex-1 "> <div className="flex flex-row items-center flex-1 ">
@ -50,6 +50,8 @@ const CardDesign3 = ({ items }) => {
export default CardDesign3; export default CardDesign3;
CardDesign3.defaultProps = { CardDesign3.defaultProps = {
num: 5,
items: [ items: [
{ {
profilePic: profilePic1, profilePic: profilePic1,

Loading…
Cancel
Save