What's the correct way to add context tags/badges?

[araujoarthur]

Hello! I've been searching for a way to add this to my docs:

But the closest approach I got up to now was to add icons and text side by side:

[alexvoss]

You can have a look at how this is done in the Material for MkDocs documentation in src/overrides/hooks/shortcodes.py. The corresponding CSS is in src/overrides/assets/stylesheets/custom/_typeset.scss.

Note that this is not part of Material for MkDocs but a customization for our own documentation. To find previous answers to the same question, search for "convention" or "shortcodes" in the discussions.

[araujoarthur]

Thank you :)