Getting started

InstallUsageGuidelinesContributeRelease

Foundation

Navigation

Feedback

AlertBadgeDestination BadgeDestination Badge GroupEmpty StateLabel BadgeLabel Badge GroupPillProgress BarSkeletonSpinnerStatsStatus BadgeStatus IndicatorTagToast

Skeleton

Skeleton is a great replacement for a spinner in loading states, which builds an expectation of how the page is going to look.

#

#

#

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.

#

#

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

#

#

Inherits margin props.

NameDefaultDescription
isLoading

boolean

children

ReactNode

#

Inherits margin props.

NameDefaultDescription

On this page

  • Example
  • Usage
  • Custom shapes
  • Guidelines
  • When to use
  • Props
  • Skeleton
  • SkeletonBox