New image

LIBRARIES

Polaris Components FigMayo
πŸ‘‹ Getting started

components

Ctrl-K
Polaris Components FigMayo/Resource list
Updated 18 December 2024
Resource list

A resource list displays a collection of objects of the same type, like products or customers. The main job of a resource list is to help merchants find an object and navigate to a full-page representation of it.

Badge
.Component Preview

Properties

Selectable

Display a checkbox to the right of the text to indicate items can be selected.

Preview

Media

Display media to the right of the text.

Preview

Loading

Change the list to a loading state with an overlay and a spinner.

Preview

Pagination

Display `table` type pagination below the list of items.

Preview

Bulk actions

Display a checkbox in the header along with the bulk actions menu below the list.

Preview

Persistant actions

Display an action to the right of the list content.

Preview

Resource header

Sorting

Display the sort control in the header.

Preview

Alternate tool

Display an action in the header.

Preview

Tips

In a card or popover

Place the resource list inside a card or popover’s `Slot` property.

Preview
Preview
Mike Miller
Updated 18 Dec 2024
Resource list(20 variants)
View Figma
    PlaygroundFigma
Mike Miller
Updated 18 Dec 2024
Resource header
View Figma
Mike Miller
Updated 18 Dec 2024
Mobile/Resource list(2 variants)
View Figma
Mike Miller
Updated 18 Dec 2024