Skip to content

Commit

Permalink
hasBorder on tabs
Browse files Browse the repository at this point in the history
  • Loading branch information
Duncid committed Jan 3, 2025
1 parent 47cd3ed commit 6e7b1d3
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions sparkle/src/components/Tabs.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,17 +12,19 @@ type TabsListProps = React.ComponentPropsWithoutRef<
typeof TabsPrimitive.List
> & {
isFullSize?: boolean;
hasBorder?: boolean;
};

const TabsList = React.forwardRef<
React.ElementRef<typeof TabsPrimitive.List>,
TabsListProps
>(({ className, isFullSize = true, ...props }, ref) => (
>(({ className, isFullSize = true, hasBorder = true, ...props }, ref) => (
<ScrollArea>
<TabsPrimitive.List
ref={ref}
className={cn(
"s-inline-flex s-h-11 s-gap-2 s-border-b s-border-separator",
"s-inline-flex s-h-11 s-gap-2",
hasBorder && "s-border-b s-border-separator",
isFullSize && "s-w-full",
className
)}
Expand Down

0 comments on commit 6e7b1d3

Please sign in to comment.