🔄 Merge pull request #13 from steeeee0223/feature/ui

🔧 `ui` Update components: button, hint
steeeee0223 · Feb 1, 2024 · 48a7df7 · 48a7df7
2 parents 4ca1da4 + d1c4d27
commit 48a7df7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/ui/src/components/custom/hint/index.tsx b/packages/ui/src/components/custom/hint/index.tsx
@@ -10,23 +10,31 @@ import {
 export interface HintProps {
   children: ReactNode;
   description: string;
+  asChild?: boolean;
   side?: "left" | "right" | "top" | "bottom";
   sideOffset?: number;
+  align?: "start" | "center" | "end";
+  alignOffset?: number;
 }
 
 export const Hint = ({
   children,
   description,
+  asChild,
   side = "bottom",
   sideOffset,
+  align,
+  alignOffset,
 }: HintProps) => {
   return (
     <TooltipProvider>
       <Tooltip delayDuration={0}>
-        <TooltipTrigger>{children}</TooltipTrigger>
+        <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
         <TooltipContent
           sideOffset={sideOffset}
           side={side}
+          align={align}
+          alignOffset={alignOffset}
           className="max-w-[220px] break-words text-xs"
         >
           {description}

diff --git a/packages/ui/src/components/ui/button.tsx b/packages/ui/src/components/ui/button.tsx
@@ -22,6 +22,9 @@ const buttonVariants = cva(
           "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
+        /** Custom */
+        board: "hover:bg-blue-500/20 hover:text-blue-800",
+        boardActive: "bg-blue-500/20 text-blue-800",
       },
       size: {
         sm: "h-8 rounded-md px-3 text-xs",