properly handle overflow on sidebar items (#971)

2026-06-18 01:14:22 +02:00 · 2025-06-29 18:56:46 -07:00
parent 88be98f703
commit 8eb591bd08
5 changed files with 39 additions and 6 deletions
@@ -10,13 +10,20 @@ interface SidebarItemProps extends ButtonProps {
    to: LinkProps['to'];
 }

-export const SidebarItem = ({ children, to, ...props }: SidebarItemProps) => {
+export const SidebarItem = ({ children, className, to, ...props }: SidebarItemProps) => {
    return (
        <Button
-            className={clsx({
-                [styles.disabled]: props.disabled,
-                [styles.link]: true,
-            })}
+            className={clsx(
+                {
+                    [styles.disabled]: props.disabled,
+                    [styles.link]: true,
+                },
+                className,
+            )}
+            classNames={{
+                inner: styles.inner,
+                label: styles.label,
+            }}
            component={Link}
            to={to}
            variant="subtle"