🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Details List

Pairs of related information displayed in a list.

Copy: View demo


All components are based on CodyFrame.

This component includes variations. All variations share the same SCSS/JS code. They only differ in their HTML.

How to

The Details List component is used to display pairs of connected information in a list.

The structure if built using a description list (<dl>) element. The .details-list__dt class targets the terms (<dt>), while the .details-list__dd targets the details (<dd>).


✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us