Extensions

Press shift + S to search API reference.

React component

RecordCard

View source

Props

interface RecordCardProps extends RecordCardStyleProps
attachmentCoverFieldField

Attachment field to display as an image in the square preview for the card. If omitted or not an attachment field, it uses for the first attachment field in fields. If fields is not defined, it uses the first attachment field in the view.

classNameundefined | string

Additional class names to apply to the record card.

expandRecordOptionsExpandRecordOpts | null

Options object for expanding a record.

fieldsArray<Field>

Fields to display in the card. The primary field is always displayed.

heightundefined | number

Height of the record card.

onClickfunction (e: MouseEvent<HTMLAnchorElement>) => unknown | null

Click event handler for the record card. If undefined, uses default behavior to expand record. If null, no operation is performed.

onMouseEnterfunction (e: MouseEvent<HTMLAnchorElement>) => unknown | null

Mouse enter event handler for the record card.

onMouseLeavefunction (e: MouseEvent<HTMLAnchorElement>) => unknown | null

Mouse leave event handler for the record card.

recordRecord | RecordDef

Record to display in the card.

renderInvalidCellValueundefined | function (cellValue: unknown, field: Field) => ReactElement

Render function if provided and validation fails.

styleReact.CSSProperties

Additional styles to apply to the record card.

viewView

The view model to use for field order and record coloring.

widthundefined | number

Width of the record card.