PolarisSkeleton 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
Related components
- Use this component with Skeleton page and Skeleton body text to represent the content of a page before it’s loaded.