Skeleton tabs

Skeleton tabs are used to provide a low fidelity representation of content before it appears on the page, and improves load times perceived by merchants. Can be used for content in or outside of a card.

Skeleton tabs component examples

import {LegacyCard, SkeletonTabs} from '@shopify/polaris';
import React from 'react';

function SkeletonExample() {
  return (
    <LegacyCard>
      <SkeletonTabs />
    </LegacyCard>
  );
}

Props

interface SkeletonTabsProps
count?number
fitted?boolean

Fit tabs to container.

Best practices

Skeleton tabs component should:

  • Give merchants an indication of what the page content will be once loaded

    On this page