Developer Docs - Mobile Docs - Tag

M v1.0

Inherits from RockMobile.StyledView

Tags are pill-shaped labels that help to mark and categorize content. They usually consist of relevant keywords which make it easier to find and browse the corresponding piece of content. These are not directly correlated with Rock Tags.

Properties

Structure

When styling tags via CSS, it's helpful to understand how this control is built. The Tag contains two underlying controls:

All tags have a .tag class attached to them.

If you add a type an additional class with the pattern of .tag-[typename] will be applied.

Each size (Small, Default, & Large) will have .tag-sm, .tag-default, and .tag-lg appended.

The corner radius for Tags is calculated automatically by the shell to ensure the rounding is always correct regardless of the content or padding.

To style the text of a tag you'd want to have a style similar to:

.tag ^Label {
    color: red;
}