angular / angular/components

feat(COMPONENT): Add "disabledInteractive" input to "mat-chip-option"

Open
#30,823 1 comment 0 reactions 0 assignees View on GitHub
area: material/chips feature needs: discussion P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

I want to be able to set "disabledInteractive" on `mat-chip-option` similarly to how the `mat-button` component allows tooltips for disabled buttons when "disabledInteractive" is passed as an input.

See `disabledInteractive` in https://material.angular.io/components/button/api

### Use Case

I find myself dynamically disabling chips, and it'd be nice to be able to explain to users why a chip option is disabled with a tooltip instead of having to place the error somewhere else in the DOM or use some element-wrapping workaround.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the mat-chip-option component and the mat-button disabledInteractive API linked in the issue. Trace how disabled chips and tooltips currently behave, then verify that the requested input allows an explanatory tooltip while the chip remains disabled.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.