Nextjs Core Info Areas

Pro Component

This component was made by us to make it a bit more easier for you to render some informations.

Style

You will find the styles for this component in assets/jss/nextjs-material-dashboard-pro/components/infoStyle.js.

Example

Marketing

We've created the marketing campaign of the website. It was a very interesting collaboration.

import React from "react";

// @material-ui/icons
import Timeline from "@material-ui/icons/Timeline";

// core components
import InfoArea from "components/InfoArea/InfoArea.js";

export default function Example(){
  return (
    <InfoArea
      title="Marketing"
      description="We've created the marketing campaign of the website. It was a very interesting collaboration."
      icon={Timeline}
      iconColor="rose"
    />
  );
}

Props

InfoArea.defaultProps = {
  iconColor: "gray"
};

InfoArea.propTypes = {
  icon: PropTypes.func.isRequired,
  title: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired,
  iconColor: PropTypes.oneOf([
    "primary",
    "warning",
    "danger",
    "success",
    "info",
    "rose",
    "gray"
  ])
};