cferdinandi / cferdinandi/kelp

Component: Accordions from headings

Open
#69 0 comments 0 reactions 0 assignees View on GitHub
enhancement roadmap
Dominant language
JavaScript
Stars
645
Forks
19
PR merge metrics
No merged PRs in 30d

Description

While `details` and `summary` can provide an accordion-like experience, sometimes the markup calls for headings and associated content.

The `summary` element removes semantics of its children, so this component would progressively enhance the headings into an accordion to preserve semantics. It _augments_ rather than replaces [the existing `details` and `summary` component](https://kelpui.com/docs/components/details/).

Consider caching original heading to a data attribute for use in the `` and `` components.

Contributor guide

Open the contributing guide

Research direction

Start by reading the existing details and summary component documented at kelpui.com/docs/components/details/, then inspect the kelp-toc and kelp-toc-nested entry points. The work is done when headings progressively enhance into an accordion without replacing their semantics, while the original heading is available through a data attribute for the TOC components.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.