Concept component displaying your latest money transactions.
Made with: HTML,CSS (SCSS)
Made with: HTML,CSS (SCSS),JS
By nesting a modal inside a details element it is automaticly shown when the details is opened. And by nesting the overlay inside the summary element, we can use that to trigger a close.
Rebound shot from Dribbble to implement an accordion-like element using only the details/summary native HTML element and CSS.
Using HTML <details> to power an SVG menu toggle.
You can use the details element to provide additional information on fields that new users might need help with.
Made with: HTML,CSS
Pure CSS dropdown menu with details and summary.
Made with: HTML (Pug),CSS (SCSS),JS
details works like an accordian - but without the need for script, supported by most major browsers (except IE & Edge).
Made with: HTML (Pug),CSS (Sass)
You can use this without JS and it works fine, except for the closing animation.
HTML <details> & <summary>: bad kids’ jokes.
Made with: HTML (Pug),CSS (SCSS)
Experiment with details & summary HTML tags.