Skeleton

The stack is a layout component to compose components or elements and apply a space between them.

import { Skeleton } from '@backyard-ui/core';

Use the size prop to set the width or height.

Use the size prop to change the shape radius.

You can wrap in a component, to get inherited width and height.

Use the isLoaded prop to prevent the skeleton from rendering.

• children
  Description The children elements

  Type

  ReactNode
• height
  Description The CSS `height` property

  Type

  string

  Default

  auto
• width
  Description The CSS `width` property

  Type

  string

  Default

  100%
• radius
  Description The CSS `border-radius` property

  Type

  "sm" | "md" | "lg" | "xl" | "2xl" | "full"

  Default

  sm
• isLoaded
  Description If true, render the children

  Type

  boolean

  Default

  false