ItemCard

This component is used to render some item in a standard card form. This includes a profile pic, a title, a subtitle and a list of fields and values.

Installation

import { ItemCard } from 'uxp/components';

Signature

const ItemCard: React.FunctionComponent<IItemCardProps>

Examples

<ItemCard
     item={{
         request: "AC Extension request #36",
         user: "Johnson & Johnson",
         section: "Parking 1",
         status: "approved",
         date: "23/0702020"
     }}
     titleField="request"
     subTitleField="date"
     className="data-table-item"
 />

<ItemCard
     item={{
         id: "1",
         image: "https://avatars.dicebear.com/api/male/john.svg?background=%230000ff"
         name: "John Doe",
     }}
     imageField="image"
     titleField="name"
     className="data-table-item"
 />

```tsx
<ItemCard
     image="https://avatars.dicebear.com/api/male/john.svg?background=%230000ff"
     title="John Doe"
     className="data-table-item"
 />

Properties

Name	Type	Mandatory	Default Value	Example Value
item	any	No	-	-
imageField	string	No	-	-
titleField	string	No	-	-
subTitleField	string	No	-	-
nameField	string	No	-	-
className	string	No	-	-
image	string	No	-	-
name	string	No	-	-
title	string	No	-	-
subTitle	string	No	-	-
size	Size	No	-	-
shape	Shape	No	-	-

Related Types

• IItemCardProps

• Size

• Shape