This technique allows you to create a label symbol with a background that always stretches to the width of the text. Useful for things like redlines, notes, or pills within your UI.
Not sure how widely known this trick is, but it was new to me!
The trick involves combining a mask + really wide rectangle with a really wide drop shadow.
Sketch file (attached)
Let me know if you use it.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2019 Dribbble. All rights reserved.
Almost Sold Out: Hang Time Workshops with Jon Contino, Danielle Evans, and MDS.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.