The UX section of the style guide must be viewed in Google Chrome.
Directional Pads
Directional pads allow test takers to move another user interface element in two-dimensional space.
Directional pads consist of up, down, left, and right buttons with white #FFFFFF chevrons pointing in the appropriate directions. Directional pad buttons have the same style as small primary filled buttons (see the Buttons page). They are typically presented in a control group (see the Control Groups page).
The following demo presents a directional pad with interactive default, hover, active, and disabled states.
To view alternative presentations and styling, use the Change Theme and Read Aloud buttons in the upper-right of the screen.
Directional pads consist of up, down, left, and right buttons with white
#FFFFFFchevrons pointing in the appropriate directions. Directional pad buttons have the same style as small primary filled buttons (see the Buttons page). They are typically presented in a control group (see the Control Groups page).The following demo presents a directional pad with interactive default, hover, active, and disabled states.
To view alternative presentations and styling, use the Change Theme
and Read Aloud 
buttons in the upper-right of the screen.