Generic selectors

Exact matches only

Search in title

Search in content

Post Type Selectors

Layout

The layout of an interface serves as the foundation for creating interactive experiences.

Anatomy

Layout regions are the building blocks of an interface, consisting of elements and components that share a similar function.

  • 1 : Open / Close Menu
  • 2 : Branding
  • 3 : Search
  • 4 : Client Selector
  • 5 : Differentiated Actions
  • 6 : Avatar
  • 7 : Breadcrumbs
  • 8 : Context Buttons
  • 9 : Action Buttons
  • 10 : Category Selection
  • 11 : Sub-categories

Composition

Closed Menu / Dashboard
Flyout
Information Panel
Form / List
Form / Grid
Modal

Related

Flyout

Flyout is used to show additional information about the page content, make additional settings, see notifications …

Forms

Form templates are essential for creating consistent, user-friendly interfaces …

Outline