diff options
Diffstat (limited to 'frontend/components/ui/label.tsx')
| -rw-r--r-- | frontend/components/ui/label.tsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/frontend/components/ui/label.tsx b/frontend/components/ui/label.tsx new file mode 100644 index 0000000..fb5fbc3 --- /dev/null +++ b/frontend/components/ui/label.tsx | |||
| @@ -0,0 +1,24 @@ | |||
| 1 | "use client" | ||
| 2 | |||
| 3 | import * as React from "react" | ||
| 4 | import * as LabelPrimitive from "@radix-ui/react-label" | ||
| 5 | |||
| 6 | import { cn } from "@/lib/utils" | ||
| 7 | |||
| 8 | function Label({ | ||
| 9 | className, | ||
| 10 | ...props | ||
| 11 | }: React.ComponentProps<typeof LabelPrimitive.Root>) { | ||
| 12 | return ( | ||
| 13 | <LabelPrimitive.Root | ||
| 14 | data-slot="label" | ||
| 15 | className={cn( | ||
| 16 | "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", | ||
| 17 | className | ||
| 18 | )} | ||
| 19 | {...props} | ||
| 20 | /> | ||
| 21 | ) | ||
| 22 | } | ||
| 23 | |||
| 24 | export { Label } | ||
