diff options
| author | schererleander <leander@schererleander.de> | 2025-07-02 22:18:06 +0200 |
|---|---|---|
| committer | schererleander <leander@schererleander.de> | 2025-07-02 22:18:06 +0200 |
| commit | 899d50098c20c5652040e989932628d63af28301 (patch) | |
| tree | 7947dc9bb983494fc1d3dcffa2c770a3c8db88f8 /src/components/ui/label.tsx | |
| parent | ab03900adf080da08a0b2a3628fd0dcf0af28420 (diff) | |
feat: add UI components
Diffstat (limited to 'src/components/ui/label.tsx')
| -rw-r--r-- | src/components/ui/label.tsx | 24 |
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 } |
