Apply for Zend Framework Certification Training

ReactJs





npx create-react-app make-accordian
cd make-accordian
npm install @material-ui/core
npm install @material-ui/icons

Final Step 

import React from "react";
import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
import Accordion from "@material-ui/core/Accordion";
import AccordionDetails from "@material-ui/core/AccordionDetails";
import Typography from "@material-ui/core/Typography";
import AccordionSummary from "@material-ui/core/AccordionSummary";
 
export default function App() {
  return (
    <div style={{}}>
      <h4>Create Accordion in ReactJS</h4>
      <Accordion style={{ width: 800 }}>
        <AccordionSummary
          expandIcon={<ExpandMoreIcon />}
          aria-controls="panel1a-content"
        >
          <Typography
            style={{
              fontWeight: 12,
            }}
          >
            Accordion Demo
          </Typography>
        </AccordionSummary>
        <AccordionDetails>
          <Typography>Happy learning from webphplearn.com</Typography>
        </AccordionDetails>
      </Accordion>
    </div>
  );
}

< React Hooks Tutorial – useState by examples Last >



Ask a question



  • Question:
    {{questionlistdata.blog_question_description}}
    • Answer:
      {{answer.blog_answer_description  }}
    Replay to Question


Back to Top