Short tag

[vsnichols]

Component name: tag

Why the change is necessary: The Carbon X tag is significantly taller (24px) than in Carbon 9 (20px). It does not fit comfortably into the short or compact data tables or the small search field, which means that those elements are unusable if tags need to be incorporated. We are proposing an 18px high tag to allow for sufficient spacing in both situations.

Research supporting change: We have heard from our users that they like data density, and that short tables help them scan information faster. During PUP, most users we talked with preferred the short table for resource list, which is why we implemented it. Many users we talk with seem to be using smaller desktop devices.

Link: https://ibm.box.com/s/ni1eyykfn6k9k2h66jbzqpsev82c5snc

Screenshots of proposed design:

Resource list with small tags in table and search/filter field

Contributing designer(s) & developer(s):

Designer: Virginia Nicholson
Developer: Trevor Wong, CloudPAL team

[vsnichols]

@aagonzales Sorry I let this languish - updated the padding to 8px on both sides. I am going to try to work with Trevor to contribute this back to Carbon for January.

[aagonzales]

Looks good to me! ✅

[laurenmrice]

Closing, because this has been implemented