Magento 2.0.18 is the final 2.0.x release. After March 2018, Magento 2.0.x will no longer receive security patches, quality fixes, or documentation updates.
To maintain your site's performance, security, and PCI compliance, upgrade to the latest version of Magento.

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:


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


Button Bar

Displaying and Dealing with Data

Data Table

Feedback to User

Progress Indicator

Getting User Input

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



Address Form
Sign In Form


Accessibility Guidelines