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.

Playground Coming Soon!

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.