UI Component

Primary Navigation Menu

The primary navigation menu divides an app into unique functional areas.

Visual Example

View image source

Types

Types are variations or derivatives of an individual element. They can help you choose what to include in your design.

Top

Left

Bottom

Permanent

Hidden

Collapsible

Interaction States

Interaction states communicate the status of an element on the user interface. Consider all of the following states when designing this element:

Chart Features

For this particular visualization, you may consider these additional features.

No items found.

Building a design system?

Track your progress while building your design system using the Design System planning tool in Airtable.

View more:

Color Picker

A color picker allows the user to select a color to be applied to a system object.

Ratings

A rating is a visual representation of rank or grade. Rating systems may vary in step quantity, which is a key factor in understanding how a user rates something, and what their rating means.

Timestamp

A timestamp is a digital record of the date and/or time of an event.

Map

A map is a graphical representation of geospatial information.

The Design Encyclopedia is a passion project by Jon Moore, and was designed and built in Webflow (this is an affiliate link). If you would like to reference the encyclopedia in a separate project, partner on a collaboration, or have a general inquiry, send me an email.

© 2020 Design Encyclopedia. All rights reserved.