Skip to main content

Official Website

of the Commonwealth of Pennsylvania

    The .gov means its official.

    Local, state, and federal government websites often end in .gov. Commonwealth of Pennsylvania government websites and email systems use "pennsylvania.gov" or "pa.gov" at the end of the address. Before sharing sensitive or personal information, make sure you're on an official state website. 
    Components

    Tags

    Tags label, categorize, or organize items using keywords that describe them.

    Overview

    Tags label, categorize, or organize items using keywords that describe them.

    Tags showcasing 5 color options

    When to Use

    Tags are used when items are assigned to multiple categories and the user needs to differentiate them.
    Tags shown in the search cards

    Best Practices

    Do's 
    • keep label text brief
    • use multiple tags if necessary
    Don'ts
    • use the same color for multiple tags
    • vertically stack tags

    Formatting

    Anatomy

    Tags anatomy diagram
    1. Container
    2. Label (ri-close-line)
    3. Close button (optional)