How to add "chips"?

[hoechenberger]

Hello,

I am looking for a way to add what is called "chips" in Material:
https://m3.material.io/components/chips/overview

I got inspired by the Seaborn changelog, where each change is "tagged" with one or multiple such chips:

Would there be a way to achieve something similar with Material for MkDocs?

Thank you very much!

Richard

[facelessuser]

I could see this easily being done with existing plugins and a little CSS. Using the attr_list extension you could add a special class to something like a bold word:**Feature**{.chip-feature}. Then you just need a little styling.

[squidfunk]

For starters, you could use the following additional CSS:

.chip-feature {
  display: inline-block;
  background: deeppink;
  color: white;
  padding: 0px 16px;
  border-radius: 20px;
}

[hoechenberger]

Thank you, this actually solves my problem!