Accordion / Expansion Panel

An accordion or expansion panel is a graphical user interface element that allows the user to toggle the visibility of content within a section. The accordion typically consists of a series of sections, each of which can be expanded or collapsed to show or hide the content within it.

Accordion panels are often used to group related content or options together, while minimizing the amount of space that they take up on the screen. For example, an accordion panel might be used to group different sections of a form or to display a list of frequently asked questions

Material Design Specs - We are following same for spacing only

Accordion Examples