New image

LIBRARIES

Polaris Components FigMayo
👋 Getting started

components

Ctrl-K
Polaris Components FigMayo/Index table
Updated 18 December 2024
Index table

An index table displays a collection of objects of the same type, like orders or products. The main job of an index table is to help merchants get an at-a-glance of the objects to perform actions or navigate to a full-page representation of it.

Badge
Component Preview

Properties

Type

Quickly swap out entire table for a Order Index, Product Index or a custom build.

Preview

Reorder

The reorder columns view can simply be toggled for the Order Index

Preview

Bulk actions

Interchangeably display a ‘footer bulk actions’ or a ‘floating bulk actions’ for your preferred table view

Preview

Index Filter

Click into the index filter component in order to select its active state

Preview

Pagination

Appears at the bottom of the table and can be easily toggled on and off

Preview

Column

Content type

Columns type can be changed to accommodate your content needs.

Preview

Cell size

Large and small cell sizes are available for the Index table

Preview

Multi content

Multi content cells can now be used for media + text content pairing

Preview

Cell

State

All cells have the default, hover, selected, and selected-hover states for flexible customization

Preview

Tone

Tones such as default, subdued, success, warning, and critical are now available for all cells

Preview
Mike Miller
Updated 18 Dec 2024
Index table(6 variants)
View Figma
    PlaygroundFigma
Mike Miller
Updated 18 Dec 2024
Mobile/Index table(2 variants)
View Figma
Mike Miller
Updated 18 Dec 2024