FieldDisplayType

const FieldDisplayType: object;

When configuring a field on a LucidCardBlock to be displayed as a data graphic, one of these values specifies
the function to convert the field value to the data graphic settings. The definition of these functions is in
LucidCardsRegistry.registerDefaults.

Type declaration

BasicTextBadge

readonly BasicTextBadge: "BasicTextBadge" = 'BasicTextBadge';

Text badge with the full text of the field.
Black text on a light gray background in the upper-right of the card.

CustomSingleSelectField

readonly CustomSingleSelectField: "CustomSingleSelectField" = 'CustomSingleSelectField';

Given an enum value, display the string representation of the enum value.
Truncates value to be a maximum of 20 chars, appending '...' to the given value.

CustomTextField

readonly CustomTextField: "CustomTextField" = 'CustomTextField';

A simple text badge stylized for short text custom fields.
Truncates value to be a maximum of 20 chars, appending '...' to the given value.

DateBadge

readonly DateBadge: "DateBadge" = 'DateBadge';

Given a date, display a small calendar icon alongside a very short version of the date
as a string, e.g. "Sep 9"

DateRangeBadge

readonly DateRangeBadge: "DateRangeBadge" = 'DateRangeBadge';

Given a date range, display a small calendar icon alongside a short version of the date range
as a string, e.g. "1/16/2025 - 2/16/2025"

ImageBadge

readonly ImageBadge: "ImageBadge" = 'ImageBadge';

Given a URL, display a small image cropped into a circle in the lower-left of the card.

InitializedString

readonly InitializedString: "InitializedString" = 'InitializedString';

Given a name (usually of a user), puts a text badge with their initials (first letter of each name)
at the bottom-left of the card, black text on a light gray background.

InlineIcon

Experimental

readonly InlineIcon: "InlineIcon" = 'InlineIcon';

Renders the field value as a small 24x24 rounded-square icon aligned inline with
one of the card's text rows. Use inlineRowIndex on the stencil config to pick which row.

SquareImageBadge

readonly SquareImageBadge: "SquareImageBadge" = 'SquareImageBadge';

Given a URL, display a small image cropped into a square in the lower-left of the card.

StandardEstimation

readonly StandardEstimation: "StandardEstimation" = 'StandardEstimation';

Given a number, display the number in the bottom-left of the card. If the number is higher than 999,
display 999.

TagBadge

readonly TagBadge: "TagBadge" = 'TagBadge';

Displays an icon and value as a badge in the bottom-left of the card. Takes an object containing an iconUrl
and value. If value is a string longer than 20 characters, it will be truncated to be a maximum of 20 chars
appending '...' to the given value. If value is a number higher than 999, displays 999.

UserProfile

readonly UserProfile: "UserProfile" = 'UserProfile';

Displays a user profile badge with avatar and name in the bottom-left of the card. Takes either a name or
an object containing an iconUrl (optional) and name (optional).

If an iconUrl is provided, displays it as an ImageBadge. If a name is provided, displays it as text.
If no iconUrl is provided but a name is, generates an avatar with the name's initials.