Spinner

Spinner informs that a specific element in the page is loading or a task is in progress. Use only for request that take over 1s and less than 5s.

import { Spinner } from '@vtex/shoreline'

export default function Example() {
  return <Spinner description="loading" />
}

Optional props

Related components

Skeleton

Skeletons compose a low-fidelity representation of content that will load. They appear when the entire page is loading and take up to 5s.