UI Component

Search

Search is a function or process whereby the user attempts to locate specific objects by inputting relevant, related words or phrases.

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.

Auto-Complete

Auto-Suggest

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:

Notification - Banner

A notification banner is a thin, horizontal bar or box containing important information, usually appearing at or near the top of an interface for visibility.

Progress Bar

A progress bar is a visual status indicator of a determinate or indeterminate process. They are used to let the user know the system is successfully performing an action when a process may take a long time.

Sidebar

A sidebar is a vertical menu used for holding navigational elements, contextual information, or useful tools.

Tree

A tree is a visual hierarchy of information, typically used for files and folders.

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.