Disable/Not show remove button on Tag on specific elements - Multiselect · palantir/blueprint#4605

(2 评论) (0 反应) (0 负责人)TypeScript (20,263 star) (2,167 fork)batch import

P2Package: selectType: feature requesthelp wanted

描述

Environment

Package version(s): 3.15.8
Browser and OS versions: Chrome, Windows 10

Question

How do I disable/not show the remove icon on a specific tag in MultiSelect? I tried the "itemDisabled" prop but that doesnt work. In the below example, Shawshank Redemption should not be removed at all under any circumstances. Please advice.

This is my code:

https://codesandbox.io/s/magical-nash-q7c0g?file=/src/App.tsx

贡献者指南

技术栈: typescriptreact
领域: frontend
议题类型: feature
难度: 3
预计时间: half day
活动状态: needs maintainer response
清晰度: mostly clear
前置要求: ReactTypeScriptBlueprint MultiSelect component
新手友好度: 40
研究方向: The issue requests the ability to disable or hide the remove button on specific tags in the MultiSelect component. The user tried the existing `itemDisabled` prop but it didn't affect the remove button. The solution likely involves adding a new prop (e.g., `tagRemoveDisabled`) or extending the tag rendering to conditionally show the remove icon based on a per item property. Relevant files to examine include the MultiSelect component source code in the Blueprint repository, likely under `packages/select/src/components/multi select/`. The existing implementation and the `itemDisabled` prop should be reviewed. There are 2 comments on the issue that may provide additional context, but no linked PRs. A maintainer should clarify the desired API and design before implementing.