- Core library files
- TypeScript definitions new
- Detailed documentation and examples
Tip: The native element manages focus, toggle state, and accessibility automatically.
Expand/Collapse Widgets
Examples of native and custom disclosure patterns. Each controlled content container uses the "details" class.
Native HTML details/summary
Uses the built-in <details> element with a details class on the container.
What is included in this package?
Custom disclosure button
A button toggles visibility of a sibling container with the details class.
Release highlights
Version 3.2 introduces performance improvements, a streamlined API, and better error messages. See the changelog for a complete list of changes.
- Lazy-loading for routes
- Config-driven feature flags
- Improved DX in dev server
Accordion (one section open at a time)
Each section has a button that controls a corresponding container with the details class.
Install the package via your preferred manager:
npm install @demo/widgets
pnpm add @demo/widgets
yarn add @demo/widgetsAdd a minimal config file:
// widgets.config.js
export default {
features: {
analytics: false,
experimental: true
}
}If something looks off:
- Clear build cache
- Verify Node.js version
- Enable verbose logs with
DEBUG=widgets*