I am new to material design and UI. In the below image what is the highlighted part in red called ?

enter image description here

Its called something but i don't know the exact name, Can anyone help me.

2 Answers 2


My guess would be, it's what Material Design guidelines call "Chips", or something similar to that:


  • its kind of, its not rectangle ...they are called something which i am not getting..
    – Chetan
    Commented Aug 22, 2017 at 7:10
  • 2
    exp is right, they are called chips. getmdl.io/components/#chips-section You can check this link for some other variations. Commented Aug 22, 2017 at 7:37

The description (text) itself is often referred to as a "tag". However, the element name varies depending on what framework you use for design.

In bootstrap, these are called "badges": https://getbootstrap.com/docs/4.0/components/badge/

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.