Skeleton

Skeleton is a great replacement for a spinner in loading states, which builds an expectation of how the page is going to look. It wraps children of a known layout and swaps to the real content when loading finishes.

#Example

#Usage

#Custom shapes

There's a SkeletonBox component that can be used to draw custom shapes or use in places, where non-Hightouch UI components are being used. Border radius will dynamically be applied based on the box's height.

#Additional examples

All Hightouch UI components work with Skeleton. Use the below example to test it out.

#Guidelines

#When to use

• Use it instead of a spinner to create a richer loading state for the data that's about to be displayed.

#Props

#Skeleton

Inherits margin props.

Name	Default	Description
isLoading	—	boolean
children	—	ReactNode

#SkeletonBox

Inherits margin props.

Name	Default	Description