Skip to content

v4.11.0

Compare
Choose a tag to compare
@oliviertassinari oliviertassinari released this 30 Jun 23:38
July 1, 2020

Big thanks to the 8 contributors who made this release possible.

@material-ui/core@v4.11.0

  • [ExpansionPanel] Prepare renaming to Accordion in v5 (#21560) @mnajdova
    It uses a more common naming convention:

    -import ExpansionPanel from '@material-ui/core/ExpansionPanel';
    -import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
    -import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
    -import ExpansionPanelActions from '@material-ui/core/ExpansionPanelActions';
    +import Accordion from '@material-ui/core/Accordion';
    +import AccordionSummary from '@material-ui/core/AccordionSummary';
    +import AccordionDetails from '@material-ui/core/AccordionDetails';
    +import AccordionActions from '@material-ui/core/AccordionActions';
    
    -<ExpansionPanel>
    +<Accordion>
    -  <ExpansionPanelSummary>
    +  <AccordionSummary>
        <Typography>Location</Typography>
        <Typography>Select trip destination</Typography>
    -  </ExpansionPanelSummary>
    +  </AccordionSummary>
    -  <ExpansionPanelDetails>
    +  <AccordionDetails>
        <Chip label="Barbados" onDelete={() => {}} />
        <Typography variant="caption">Select your destination of choice</Typography>
    -  </ExpansionPanelDetails>
    +  </AccordionDetails>
      <Divider />
    -  <ExpansionPanelActions>
    +  <AccordionActions>
        <Button size="small">Cancel</Button>
        <Button size="small">Save</Button>
    -  </ExpansionPanelActions>
    +  </AccordionActions>
    -</ExpansionPanel>
    +</Accordion>

Docs

Core