import { Row, Col, Card, Statistic } from "antd"; const CardRow = ({ info }) => { return ( <> {info.map((n) => ( <Col key={n.key} className="gutter-row" span={8}> <Card className="campaign-card-row" hoverable={true} style={{ marginBottom: "10px" }} > <div className="campaign-card-title"> <span>{n.name}</span> </div> <Statistic value={n.salary} prefix={"$"} /> </Card> </Col> ))} </> ); }; export default CardRow;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter