{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"skeleton-group-native","type":"registry:item","title":"Skeleton Group","description":"A coordinator for multiple skeleton placeholders that shares loading state and centralized animation settings across its items.","files":[{"path":"snippets/native/skeleton-group.tsx","content":"import { useState } from \"react\";\nimport { SkeletonGroup } from \"heroui-native\";\n\nexport function SkeletonGroupExample() {\n  const [isLoading, setIsLoading] = useState(true);\n\n  return (\n    <SkeletonGroup isLoading={isLoading}>\n      <SkeletonGroup.Item className=\"h-4 w-full rounded-md\" />\n      <SkeletonGroup.Item className=\"h-4 w-3/4 rounded-md\" />\n      <SkeletonGroup.Item className=\"h-4 w-1/2 rounded-md\" />\n    </SkeletonGroup>\n  );\n}\n","type":"registry:file","target":"~/snippets/native/skeleton-group.tsx"}],"author":"heroui","dependencies":["heroui-native"]}