Skip to content

DefaultBone

DefaultBone is the fallback skeleton. Whenever you render <Skeleton name="..." /> for a component that hasn’t been generated yet, DefaultBone is displayed instead.

Setup creates it at:

<outDir>/skeletons/DefaultBone.tsx
<Skeleton name="ProfileCard" />
  • Before ProfileCard.tsx is generated → renders DefaultBone.
  • After generation → renders the generated ProfileCard skeleton.

DefaultBone is your file — edit it to change the app-wide loading fallback (e.g. a generic shimmer block that matches your design system). It applies everywhere a skeleton is still missing, so keep it generic.