ant-design/ant-design

Collapse增加自定义Collapse Panel功能

Open

#56,590 opened on Jan 13, 2026

View on GitHub
 (6 comments) (1 reaction) (1 assignee)TypeScript (54,612 forks)batch import
Inactivehelp wanted👷🏻‍♂️ Someone working on it💡 Feature Request

Repository metrics

Stars
 (98,031 stars)
PR merge metrics
 (Avg merge 3d 4h) (248 merged PRs in 30d)

Description

What problem does this feature solve?

在5.6.0版本以前，通过Collapse.Panel，可以结合dnd-kit实现Collapse Panel的拖拽排序等，实现某些特定业务或场景下的需求。

在5.6.0版本之后，官方推荐使用items属性，并将Collapse Panel标记为已废弃使用方式，但未能同步在特定业务或场景的定制化需求。

What does the proposed API look like?

增加 renderItem: (item) => ReactNode，满足在特定业务或场景的定制化需求。

Contributor guide

Research direction
Review the current Collapse implementation (Panel and items) and add a `renderItem` prop that receives each item and returns a ReactNode, allowing custom rendering while preserving collapse behavior.
Tech stack
typescriptreactcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70