Instruction

This component was used on Notice Modal in Components Page in the Javascript Components Section of our demo app.

Styles

You will find the styles for this component in
styles/jss/nextjs-material-kit-pro/components/instructionStyle.js.

Example

2. Apply

The first step is to create an account at Creative Tim. You can choose a social network or go for the classic version, whatever works best for you.

import React from 'react';
// core components
import Instructions from "components/Instruction/Instruction.js";

export default function Example(){
  return (
    <Instruction
      title="2. Apply"
      text={
        <span>
          The first step is to create an account at{" "}
          <a href="https://www.creative-tim.com/">
            Creative Tim
          </a>. You can choose a social network or go for
          the classic version, whatever works best for
          you.
        </span>
      }
      image="/img/dg1.jpg"
    />
  );
}

Props

Instruction.defaultProps = {
  imageAlt: "..."
};

Instruction.propTypes = {
  title: PropTypes.node.isRequired,
  text: PropTypes.node.isRequired,
  image: PropTypes.string.isRequired,
  imageAlt: PropTypes.string,
  className: PropTypes.string,
  imageClassName: PropTypes.string
};