n-accordion

Small, dependency-free, accessible accordion module


Keywords
accordion, css, javascript
License
MIT
Install
npm install n-accordion@1.1.12

Documentation

Native Accordion

  • Expand/collapse content
  • Nested accordions option
  • Keyboard control
  • Accessibility compliance
  • Animation (when allowed)
  • CSS-only fallback
  • Mobile-only accordion
  • Pop-in grid
  • Accordion group
  • Themeable via CSS variables
  • RTL support
  • BEM classes
  • No dependencies
  • <2 KB gzipped

Demo

<div class="n-accordion">
							
	<button class="n-accordion__label">
		
		Title
		
	</button>
	
	<input type="checkbox">
	
	<div class="n-accordion__content">
		
		<p>Content</p>
		
	</div>

</div>
  • npm i --save-dev n-accordion
  • require('./node_modules/n-accordion/index.js');

Extracted from niui