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

    Tile

    Tiles are used to quickly layout information and can also serve as a navigation tool.

    Overview

    Tiles are components that provide shortcuts to building cards and other modules.

    Example of tile component

    Tile v.s. Card

    A tile is simpler than a card– it has no description or image. Icons on tiles are always horizontally aligned, whereas cards can have vertical or horizontally aligned icons.

    Formatting

    Anatomy

    Accordion anatomy diagram
    1. Container
    2. Icon
    3. Title
    4. Link Icon (arrow-right-line)

    Behaviors

    States

    Tiles allow for hover and focus states.

    Accordion anatomy diagram