gitscope
/
← marzneshin / dashboard/src/components/ui/scroll-area.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/ui/scroll-area.tsx · v0.3.0
Source
1 b15ff05 Mrdn 2y ago import * as React from "react"
2 b15ff05 Mrdn 2y ago import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
3 b15ff05 Mrdn 2y ago
4 b15ff05 Mrdn 2y ago import { cn } from "@marzneshin/utils"
5 b15ff05 Mrdn 2y ago
6 b15ff05 Mrdn 2y ago const ScrollArea = React.forwardRef<
7 b15ff05 Mrdn 2y ago React.ElementRef<typeof ScrollAreaPrimitive.Root>,
8 b15ff05 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
9 b15ff05 Mrdn 2y ago >(({ className, children, ...props }, ref) => (
10 b15ff05 Mrdn 2y ago <ScrollAreaPrimitive.Root
11 b15ff05 Mrdn 2y ago ref={ref}
12 b15ff05 Mrdn 2y ago className={cn("relative overflow-hidden", className)}
13 b15ff05 Mrdn 2y ago {...props}
14 b15ff05 Mrdn 2y ago >
15 b15ff05 Mrdn 2y ago <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
16 b15ff05 Mrdn 2y ago {children}
17 b15ff05 Mrdn 2y ago </ScrollAreaPrimitive.Viewport>
18 b15ff05 Mrdn 2y ago <ScrollBar />
19 b15ff05 Mrdn 2y ago <ScrollAreaPrimitive.Corner />
20 b15ff05 Mrdn 2y ago </ScrollAreaPrimitive.Root>
21 b15ff05 Mrdn 2y ago ))
22 b15ff05 Mrdn 2y ago ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
23 b15ff05 Mrdn 2y ago
24 b15ff05 Mrdn 2y ago const ScrollBar = React.forwardRef<
25 b15ff05 Mrdn 2y ago React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
26 b15ff05 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
27 b15ff05 Mrdn 2y ago >(({ className, orientation = "vertical", ...props }, ref) => (
28 b15ff05 Mrdn 2y ago <ScrollAreaPrimitive.ScrollAreaScrollbar
29 b15ff05 Mrdn 2y ago ref={ref}
30 b15ff05 Mrdn 2y ago orientation={orientation}
31 b15ff05 Mrdn 2y ago className={cn(
32 b15ff05 Mrdn 2y ago "flex touch-none select-none transition-colors",
33 b15ff05 Mrdn 2y ago orientation === "vertical" &&
34 b15ff05 Mrdn 2y ago "h-full w-2.5 border-l border-l-transparent p-[1px]",
35 b15ff05 Mrdn 2y ago orientation === "horizontal" &&
36 b15ff05 Mrdn 2y ago "h-2.5 flex-col border-t border-t-transparent p-[1px]",
37 b15ff05 Mrdn 2y ago className
38 b15ff05 Mrdn 2y ago )}
39 b15ff05 Mrdn 2y ago {...props}
40 b15ff05 Mrdn 2y ago >
41 b15ff05 Mrdn 2y ago <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
42 b15ff05 Mrdn 2y ago </ScrollAreaPrimitive.ScrollAreaScrollbar>
43 b15ff05 Mrdn 2y ago ))
44 b15ff05 Mrdn 2y ago ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
45 b15ff05 Mrdn 2y ago
46 b15ff05 Mrdn 2y ago export { ScrollArea, ScrollBar }