Skeleton

A placeholder component for loading states, with customizable dimensions. Accepts standard HTML div props including className for sizing.

Examples

tsx

import React from 'react'

import {Skeleton} from '@shopify/shop-minis-react'

export default function MyComponent() {

return (

</div>

)

}

Preview

Examples

tsx

import React from 'react'

import {Skeleton} from '@shopify/shop-minis-react'

export default function MyComponent() {
  return (
    <div className="space-y-3">
      <Skeleton className="h-12 w-full" />
      <Skeleton className="h-4 w-3/4" />
      <Skeleton className="h-4 w-1/2" />
    </div>
  )
}

Was this page helpful?