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 (
      <SkeletonTabs />


interface SkeletonTabsProps

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