Le collapse cache des informations longues ou complexes sous un bloc qui peut être masqué ou affiché. Il permet d'afficher de grandes quantités de contenu dans un espace réduit grâce à la divulgation progressive. Le titre de l'en-tête donne à l'utilisateur un aperçu de haut niveau du contenu, ce qui lui permet de décider des sections à lire.

Les collapses peuvent rendre le traitement et la découverte de l'information plus efficaces. Cependant, il cache le contenu aux utilisateurs et il est important de tenir compte du fait qu'un utilisateur ne remarque pas ou ne lit pas tout le contenu inclus. Si l'utilisateur est susceptible de lire tout le contenu et que celui-ci est nécessaire à la bonne compréhension d'un sujet, n'utilisez pas de collapse, car cela ajoute un clic supplémentaire.

Contrairement au composant accordion, le collapse est une structure à suivre et pas réellement un composant. La structure du collapse est utilisée pour les contenus plus complexes et spécifiques (voir exemples).