UI Component

Pre-formatted Text (Code)

Pre-formatted text tells the browser to display text exactly as it is written, instead of rendering it based on browser rules. Pre-formatted text is generally rendered in a monospaced typeface for increased readability.

Types

Types are variations or derivatives of an individual element. They can help you choose what to include in your design.
Read-Only
Syntax Highlighting
Zebra-Striped
Collapsible
Executable

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.
Learn More

View more:

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.