Configure a display type component for a Work scheduler card

Add the Label value stacked display work item fields within the card.

Before you begin

Role required: admin, workspace_admin, or ui_builder_admin​

Procedure

1. In the Content section, navigate to Body(Flex) > Card Base Container (Flex) > Card Base Header.

2. Right-click Card Base Header and select Add component after.

3. In the pop-up screen, select the Label value stacked component.

4. In the left pane, select Label value stacked.

5. In the right pane, select the Config tab and configure the size, alignment, and items.

   1. In the Alignment menu, select Horizontal-equal.
   2. In the Size menu, select Small.
   3. Hover over Itemsand select the Dynamic data binding icon

4.  In the **Items** menu, enter **@state.cardProps.content**.
5.  In the **Item min, width** field, enter `75 px`.
6.  Enable **Wrap text** and **Truncated** options.
7.  Click **Save**.
Here's a demo on how to configure a display type component for a Work scheduler card.

What to do next

Configure an avatar component for Work scheduler

Parent Topic:Create a Work scheduler card using the Next Experience UI Builder

Related topics

Manage the visual style of UI Builder experiences