Admin Design Pattern Library

What is a design pattern?

Design patterns can be simple elements or complex pieces of functionality - like buttons, scroll bars, data tables, and forms - that are standardized to be easily repeated and reused across a website or application.

Patterns include definitions, examples, instructions and specifications that break down spatial relationships, and interactions/behaviors.

Why use patterns?

Using patterns enhances customer experience through maintaining consistency and ease of use. And, sticking to defined standards simplifies updating patterns across multiple pages when changes are required.

Patterns libraries are designed to evolve over time, never going out of date. Changes should be communicated, as they occur, to the design community.

Find more details about the Admin Design Pattern Library in the following topic:

Container

• Static Content Container
• Slide-out Panels, Modal Windows, and Overlays
• Tabs

Controls

• Buttons
• Button Bar

Displaying and Dealing with Data

• Tile
• Filters
• Data Table
• Tree

Feedback to User

• Progress Indicator

Getting User Input

• Form Elements
• Image Uploader
• Date and Time Selector
• Use Default Config
• Select From List

Navigation

• Links
• Wizard

Templates

• Address Form
• Sign In Form

General

• Accessibility Guidelines