nuxt / nuxt/ui

UAccordion: Missing Option to wrap whole items

Open
#6,836 4 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

triage
Dominant language
TypeScript
Stars
6.9k
Forks
1.1k
Avg merge
1d 7h
Merged PRs (30d)
57

Description

Package

v4.x

Description

UAccordion has no option to wrap a whole item.

Example:
Try add a UContextMenu to each accordion item.

Other components like e.g uTree have a #item slot which requires to rebuild the inner content, but therewith allows a wrapping.

Is there any solution or plans to provide a solution?

Additional context

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by inspecting the UAccordion component and compare its item rendering with the uTree #item slot. Check how UContextMenu would need to wrap each accordion item and identify the existing component tests or examples for slot behavior. Done means a documented, usable way to wrap whole items without rebuilding their inner content.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, tailwindcss, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.