Details summary with

38 snippets

Browse details summary with — subcategories and filters in one place. Use the table of contents to explore this branch.

details-summary-with

Snippets(38)

<details> and <summary>
A <details> and <summary> built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Haml), CSS (Sass)
Browser support
Chrome, Firefox, Opera, Safari
<details> and <summary>
A <details> and <summary> built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Haml), CSS (Sass), JavaScript (Babel)
Browser support
Chrome, Firefox, Opera, Safari
<details> and <summary> with animated arrow (no JS)
A <details> and <summary> with animated arrow (no js) built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
<details> and <summary>: Hotel Room Selection
A <details> and <summary>: hotel room selection built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JavaScript
Browser support
Chrome, Firefox, Opera, Safari
A Detailed Summary of Life
A a detailed summary of life built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Animate Accordions with WAAPI
A animate accordions with waapi built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Collapse/Expend Component
A animated collapse/expend component built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Animated Details Element
A animated details element built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Responsive
Yes
Bucket List Destinations
A bucket list destinations built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Code Snippet Repository
A code snippet repository built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript
Browser support
Chrome, Firefox, Opera, Safari
Details & Summary
A details & summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (Less), JavaScript
Browser support
Chrome, Firefox, Opera, Safari
Details & Summary
A details & summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Details & Summary
A details & summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JavaScript
Browser support
Chrome, Firefox, Opera, Safari
Details + Summary
A details + summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Details Element
A details element built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Responsive
No
Details Element for Help Text
A details element for help text built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Details Elements Example
A details elements example built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Responsive
Yes
Details Modal
A details modal built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Details and Summary
A details and summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Details and Summary
A details and summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (PostCSS)
Browser support
Chrome, Firefox, Opera, Safari
Details/Summary Animated Accordion
A details/summary animated accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Digital Monopoly Properties
A digital monopoly properties built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Firefox, Opera, Safari
Gracefully-degrading <details> Accordion
A gracefully-degrading <details> accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
HTML <details> & <summary>
A html <details> & <summary> built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript
Browser support
Chrome, Firefox, Opera, Safari
HTML Only Accordion
A html only accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
HTML details and summary
A html details and summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JavaScript
Browser support
Chrome, Firefox, Opera, Safari
HTML5 Details & Summary
A html5 details & summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (Sass)
Browser support
Chrome, Firefox, Opera, Safari
HTML5 Details & Summary File Tree
A html5 details & summary file tree built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Latest Transactions
A latest transactions built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Native HTML Details Element Styled via CSS
A native html details element styled via css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Pure CSS Details Interaction
A pure css details interaction built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Pure CSS Dropdown Menu
A pure css dropdown menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Recipe with <details> and <summary>
A recipe with <details> and <summary> built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Firefox, Opera, Safari
Responsive Web Page Split Screen
A responsive web page split screen built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Firefox, Opera, Safari
Spoiler alert with <details> and <summary>
A spoiler alert with <details> and <summary> built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Firefox, Opera, Safari
Toggle Function & Smooth Scroll Pure HTML & CSS
A toggle function & smooth scroll pure html & css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Firefox, Opera, Safari
TreeView Details/Summary
A treeview details/summary built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Unit Testing Results Panel
A unit testing results panel built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes

Snippets(38)

related hubs