SkeletonForm() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ SkeletonForm() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/skeleton-example.tsx lines 62–78

function SkeletonForm() {
  return (
    <Example title="Form">
      <div className="flex w-full flex-col gap-7">
        <div className="flex flex-col gap-3">
          <Skeleton className="h-4 w-20" />
          <Skeleton className="h-10 w-full" />
        </div>
        <div className="flex flex-col gap-3">
          <Skeleton className="h-4 w-24" />
          <Skeleton className="h-10 w-full" />
        </div>
        <Skeleton className="h-9 w-24" />
      </div>
    </Example>
  )
}