Documentation
Design
Text
Badges, Pills and Highlights with Text Backgrounds

Badges, Pills and Highlights with Text Backgrounds

ButterKit is used by thousands of developers worldwide to ship to all 50 App Store languages. Learn more

Add styled backgrounds to any text block to create badges, pills, callouts, and highlights. Instead of layering shapes behind text manually, Text Backgrounds let you apply consistent styling directly to the text element itself. Every background style automatically adapts when you localize. Longer German translations, compact Japanese characters, right-to-left Arabic text: the background resizes and reflows to fit, across all 50 App Store languages.

How to add

Select an artboard

Choose which artboard to edit

Open the text inspector

Open the inspector and select the text block to edit

Enable the “Text background” toggle

Style and customize

Quick Help

Fonts