Nextjs Core Tasks

Pro Component

We’ve created a special component to render the tasks list shown in Widgets and RTL Support Task cards for the PRO version, and on the Dashboard Page of the free version.

For a better understanding of this component, please take a look inside components/Tasks/Tasks.js file.

Style

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

Example

	Sign contract for "What are conference organizers afraid of?"
	Lines From Great Russian Literature? Or E-mails From My Boss?
	Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit
	Create 4 Invisible User Experiences you Never Knew About

import React from 'react';
// core components
import Tasks from "components/Tasks/Tasks.js";
import { bugs } from "variables/general.js";

export default function DemoTasks(){
  return (
    <Tasks
      checkedIndexes={[0, 3]}
      tasksIndexes={[0, 1, 2, 3]}
      tasks={bugs}
    />
  );
}

Props

Tasks.propTypes = {
  tasksIndexes: PropTypes.arrayOf(PropTypes.number),
  tasks: PropTypes.arrayOf(PropTypes.node),
  // only for pro version
  rtlActive: PropTypes.bool,
  checkedIndexes: PropTypes.array,
};

If you wish to change this component, you should also check the following props from the base Material-UI components: