Under construction :)

Welcome
to the
UX Framework

Learn
Use
Contribute
Library
Alerts
Presents important feedback or information to users either in response to their actions or upon page load.
Application Header
This component contains and displays global tools and navigation across the next gen platform.
Avatar
Allows the user to select, upload, zoom, and crop an image. Can also be used to edit a previously uploaded image.
Avatar Display
This component defines the standard visual style for the output display of an avatar element.
Bar Chart
Data visulization that uses vertical bars to show discrete, numerical comparisons among categories.
Breakpoints
This component defines the standard breakpoints to use for responsive design.
Buttons
This component defines the standard visual style for buttons.
Calendar
This component defines the standard visual style for the calendar element.
Coach Marks
This component informs the user of a new feature, nudges a user to use features or guides the user through a multistep process.
Colors
Every color used in the Elemental Design library is defined in this component.
Contextual Help
Presents help and support articles within the product experience so that users can answer their questions without the interruption of opening a separate help system in a new tab.
Date Picker
This component defines the standard interactions for the date picker component.
Drawer
The drawer component offers a convenient method for presenting secondary information which doesn't need to be immediately visible.
Dropdown
A simple component for presenting multiple options in a condensed space.
Email Templates
Emails inform the users about a specific task or message. They may contain critical information, require decisions, or involve multiple tasks.
Forms
Provides standard structure and behavior for multiple input forms.
Grid
A low level framework for positioning elements on the page.
Icons
This component provides a standard set of UI icons across Pearson applications.
Inputs
This component defines the standard visual style for form elements.
Institution Lookup
This component defines the standard visual style for the institution lookup.
Loading Indicator
Defines the standard visual style for a loading indicator.
Modal
Defines the standard visual style for a modal element with styles for both textual and media content.
Notifications
Inform users of new features or actions they should take.
Presentation Strategies
This component provides several standard strategies for presenting content within a layout template.
Progress Bar
Graphical control element used to visualize the progression of an operation such as course copy, course setup, or assignment creation.
Slider
Allows users to choose a numeric value from a large range of possibilities.
Tables
Provides standard designs and layouts for static (i.e. CSS-only) tables.
Tabs
This component defines the standard visual style, as well as some basic behavior for tabs.
Templates
A standard set of page structures for a variety of use cases.
Type Ahead
This component defines the standard visual style for the type ahead.
Typography
This component provides standard typographic styles for the platform.