# RecordCardList

**Kind:** Class

Scrollable list of record cards.

[[ Story id="recordcardlist--example" title="RecordCardList example" height="560px" ]]

---

## RecordCardListProps

**Kind:** Interface

Props for the `RecordCardList` component. Also accepts:
* `RecordCardListStyleProps`

### Properties

#### `attachmentCoverField?`

Type: `Field`

Attachment field to display as an image in the square preview for each record 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.

#### `className?`

Type: `undefined | string`

Additional class names to apply to the record card list.

#### `fields?`

Type: `Array<Field>`

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

#### `onRecordClick?`

Type: `null | object`

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

#### `onRecordMouseEnter?`

Type: `undefined | object`

Mouse enter event handler for an individual record card.

#### `onRecordMouseLeave?`

Type: `undefined | object`

Mouse leave event handler for an individual record card.

#### `onScroll?`

Type: `undefined | object`

Scroll event handler for the list window.

#### `records`

Type: `Array<Record> | Array<RecordDef>`

Records to display in card list.

#### `style?`

Type: `React.CSSProperties`

Additional styles to apply to the record card list.

#### `view?`

Type: `View`

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