Skip to main content

Tag

Tag composes a 200×50 background image and a centered 180×30 label inset by 10 pixels. Its public fields are text, backgroundUri, and backgroundColor.

Tag({
text: 'NEW',
backgroundUri: 'pkg:/assets/images/tag-background@res.png',
backgroundColor: '#E1251B',
})

The label font comes from the active style's normal titleFontKey, falling back to theme.fonts.text-bold-16.

The current implementation does not use the Tag view's width and height to resize its internal children. Use a custom Group with Image and Label when the badge needs another size, padding model, text color, or typography.

Talk to us