Element States

Activated

Something is ready for action.

Closed

Content within the element is not within view.

Default

The standard element presentation.

Disabled

The element or action is deactivated or isn't interactive.

Dragged

The element is being pressed and moved.

Empty

The element has no content.

Error

The element or action is wrong or invalid.

Focus

The element has been highlighted by a keyboard.

Hidden

The element is concealed from view.

Hover

When the cursor is paused above the element.

Info

The element is providing information.

Initial

The element prior to any user interaction.

Loading

The element or action is processing.

Multi-Page

The element has multiple pages of content.

Open

Content within the element is within view.

Overflow

The element has content that extends beyond its bounds.

Pressed

The element is being clicked, tapped, or engaged.

Selected

The element has been triggered.

Single Page

The element has one page of content.

Success

The element or action is valid or complete.

Typing

The element is receiving content.

Warning

The element or action could be wrong.
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.