label.tsx — ui Source File

Architecture documentation for label.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 2 imports 1 functions

Entity Profile

DocumentationAtlas→ SearchAPI→ label.tsx — ui Source File

Dependency Diagram

graph LR
  93b67d35_e5f8_ac31_0d53_48f4a14f4f08["label.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  93b67d35_e5f8_ac31_0d53_48f4a14f4f08 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  3d9438e8_7604_787c_4898_907262aff28b["utils"]
  93b67d35_e5f8_ac31_0d53_48f4a14f4f08 --> 3d9438e8_7604_787c_4898_907262aff28b
  style 93b67d35_e5f8_ac31_0d53_48f4a14f4f08 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { cn } from "@/examples/base/lib/utils"

function Label({ className, ...props }: React.ComponentProps<"label">) {
  return (
    <label
      data-slot="label"
      className={cn(
        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
        className
      )}
      {...props}
    />
  )
}

export { Label }