[@mantine/core] NavLink: Add collapse Styles API selector (#5776)

mantinedev · Feb 16, 2024 · 39b53fe · 39b53fe
1 parent 61eb5f0
commit 39b53fe
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/@docs/styles-api/src/data/NavLink.styles-api.ts b/packages/@docs/styles-api/src/data/NavLink.styles-api.ts
@@ -10,6 +10,7 @@ export const NavLinkStylesApi: StylesApiData<NavLinkFactory> = {
     description: 'Dimmed description displayed below the label',
     children: 'Wrapper around nested links',
     chevron: 'Default chevron icon',
+    collapse: 'Nested links Collapse container',
   },
 
   vars: {

diff --git a/packages/@mantine/core/src/components/NavLink/NavLink.tsx b/packages/@mantine/core/src/components/NavLink/NavLink.tsx
@@ -25,6 +25,7 @@ export type NavLinkStylesNames =
   | 'label'
   | 'description'
   | 'chevron'
+  | 'collapse'
   | 'children';
 export type NavLinkVariant = 'filled' | 'light' | 'subtle';
 export type NavLinkCssVariables = {
@@ -223,7 +224,7 @@ export const NavLink = polymorphicFactory<NavLinkFactory>((_props, ref) => {
           </Box>
         )}
       </UnstyledButton>
-      <Collapse in={_opened}>
+      <Collapse in={_opened} {...getStyles('collapse')}>
         <div {...getStyles('children')}>{children}</div>
       </Collapse>
     </>