aboutsummaryrefslogtreecommitdiff
path: root/src/components/ui/label.tsx
diff options
context:
space:
mode:
authorschererleander <leander@schererleander.de>2025-07-02 22:18:06 +0200
committerschererleander <leander@schererleander.de>2025-07-02 22:18:06 +0200
commit899d50098c20c5652040e989932628d63af28301 (patch)
tree7947dc9bb983494fc1d3dcffa2c770a3c8db88f8 /src/components/ui/label.tsx
parentab03900adf080da08a0b2a3628fd0dcf0af28420 (diff)
feat: add UI components
Diffstat (limited to 'src/components/ui/label.tsx')
-rw-r--r--src/components/ui/label.tsx24
1 files changed, 24 insertions, 0 deletions
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..fb5fbc3
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+ className,
+ ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+ return (
+ <LabelPrimitive.Root
+ 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 }