SkeletonText() — ui Function Reference

Architecture documentation for the SkeletonText() function in skeleton-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ SkeletonText() — ui Function Reference

Dependency Diagram

graph TD
  9f602705_a7d9_9fa8_3abf_f2612cfb5b55["SkeletonText()"]
  57c8d182_e8c7_fc66_4636_f0be5761c1cf["skeleton-example.tsx"]
  9f602705_a7d9_9fa8_3abf_f2612cfb5b55 -->|defined in| 57c8d182_e8c7_fc66_4636_f0be5761c1cf
  style 9f602705_a7d9_9fa8_3abf_f2612cfb5b55 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/skeleton-example.tsx lines 50–60

function SkeletonText() {
  return (
    <Example title="Text">
      <div className="flex w-full flex-col gap-2">
        <Skeleton className="h-4 w-full" />
        <Skeleton className="h-4 w-full" />
        <Skeleton className="h-4 w-3/4" />
      </div>
    </Example>
  )
}