Skip to content

[chip] Add ChipButton, ChipLink and ChipDelete#48015

Open
mj12albert wants to merge 4 commits intomui:masterfrom
mj12albert:feat/interactive-chips
Open

[chip] Add ChipButton, ChipLink and ChipDelete#48015
mj12albert wants to merge 4 commits intomui:masterfrom
mj12albert:feat/interactive-chips

Conversation

@mj12albert
Copy link
Copy Markdown
Member

@mj12albert mj12albert commented Mar 18, 2026

Requires #48015
Closes #20470

Previews:

API as discussed:

<Chip
  label="Bob"
  startAdornment={<Avatar />}
  endAdornment={<PlusIcon />}
  action={<ChipButton onClick={() => {}} />}
/>
  • All the new Chip* components are their own tab stop
  • The HTML is similar to Joy UI, there is always a div wrapper, and a pseudo-element is used to define the hitbox of the chip

@mj12albert mj12albert added the scope: chip Changes related to the chip. label Mar 18, 2026
@mui-bot
Copy link
Copy Markdown

mui-bot commented Mar 18, 2026

Netlify deploy preview

Bundle size report

Bundle Parsed size Gzip size
@mui/material 🔺+12.3KB(+2.44%) 🔺+2.51KB(+1.74%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against d6fef7e

@mj12albert mj12albert force-pushed the feat/interactive-chips branch 3 times, most recently from 7c03c51 to d30ccd0 Compare March 18, 2026 11:35
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Mar 23, 2026
@mj12albert mj12albert force-pushed the feat/interactive-chips branch from d30ccd0 to 958441c Compare March 23, 2026 07:23
@github-actions github-actions bot added PR: out-of-date The pull request has merge conflicts and can't be merged. and removed PR: out-of-date The pull request has merge conflicts and can't be merged. labels Mar 23, 2026
@mj12albert mj12albert force-pushed the feat/interactive-chips branch from 958441c to 7aa375f Compare March 24, 2026 10:34
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged. label Mar 24, 2026
@mj12albert mj12albert force-pushed the feat/interactive-chips branch 9 times, most recently from 0ecabdc to 4cb6b07 Compare March 26, 2026 06:21
@mj12albert mj12albert added the type: new feature Expand the scope of the product to solve a new problem. label Mar 26, 2026
@mj12albert mj12albert changed the title [chip] Interactive chips [chip] Add ChipButton, ChipLink and ChipDelete Mar 26, 2026
@mj12albert mj12albert force-pushed the feat/interactive-chips branch 2 times, most recently from becb6d8 to 9d4087d Compare March 26, 2026 08:28
@mj12albert mj12albert marked this pull request as ready for review March 26, 2026 08:39
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Mar 26, 2026
@mj12albert mj12albert force-pushed the feat/interactive-chips branch from 9d4087d to 9e31b8d Compare March 26, 2026 15:25
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged. label Mar 26, 2026
@mj12albert mj12albert force-pushed the feat/interactive-chips branch from 9e31b8d to f9bc17a Compare March 26, 2026 16:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

scope: chip Changes related to the chip. type: new feature Expand the scope of the product to solve a new problem.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[RFC] Chip markup

2 participants