Component
Skeleton
Skeleton
Use to show a placeholder while content is loading.
Installation
Copy and paste the following code into your project
components/ui/skeleton/index.tsx
import { styled } from '@shadow-panda/styled-system/jsx'
import { skeleton } from '@shadow-panda/styled-system/recipes'
export const Skeleton = styled('div', skeleton)Update the import paths to match your project setup
Usage
import { Skeleton } from '@/components/ui/skeleton'<Skeleton w="100px" h="20px" rounded="full" />