Nav open / close arrow

Styles

Using this Component

String comparisons are used to display two different text strings separated by an icon. They often display a field value before and after an edit.


Content

As their name suggests, string comparisons only support strings as the content displayed. The icon separating them is customizable to suit the context where the component is being used.

Structure

Behavior

Truncation

When there is not enough to space to display both full values, string comparisons will truncate both strings to be of equal length, preserving the icon in the center.

Related Components

Last Updated

August 6, 2020

Coming soon...

Component code details for this component are not currently available, but we're working on it!

Checkout this UIKit component's code and comments in the codebase for usage examples, props, and more.

Eng Description

Code Path & Props

Up to date props can be found at the codepath above.

Example Code