Details

[wibjorn]

Time to talk about the details element, which is used to show and hide content on the click of a header.

[wibjorn]

Currently available under the .details class is the following:

While, with the use flex atomics, we can also achieve a summary too:

Differences in color are hover styles.

Collapsed a details summary looks like this