feat(core): add siderItemsAreCollapsed prop to sider components

[arndom]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://refine.dev/docs/guides-concepts/contributing/#commit-convention

Bugs / Features

• Related issue(s) linked
• Tests for the changes have been added
• Docs have been added/updated
• Changesets have been added https://refine.dev/docs/guides-concepts/contributing/#creating-a-changeset

What is the current behavior?

Nested sider items are collapsed by default.

What is the new behavior?

Nested sider items can now have expanded/collapsed as the default.

Resolves #6721

Notes for reviewers

[changeset-bot]

🦋 Changeset detected

Latest commit: d9724c0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages

Name	Type
@refinedev/chakra-ui	Minor
@refinedev/mantine	Minor
@refinedev/antd	Minor
@refinedev/core	Minor
@refinedev/mui	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for refine-doc-live-previews ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	d9724c0
🔍 Latest deploy log	https://app.netlify.com/projects/refine-doc-live-previews/deploys/68b6b9f6267a6100082167c7
😎 Deploy Preview	https://deploy-preview-6880--refine-doc-live-previews.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[alicanerdurmaz]

Hello @arndom, thanks for improving Refine 🚀

Sorry for the late reply.

Instead of passing this directly to <Refine />, I think it would be better to pass it as a prop to <ThemedSiderV2 />.
That way, the code will be easier to follow, and since we won’t be using this feature anywhere else in Refine, it feels like a more appropriate place for it.

What do you think?

import { ThemedLayoutV2, ThemedSiderV2 } from "@refinedev/antd";

<ThemedLayoutV2
  Sider={() => (
    <ThemedSiderV2
      siderItemsAreCollapsed={true}
    />
  )}
/>

[arndom]

No worries, @alicanerdurmaz.

Yh, I agree. I did it that way because of the issue's description, but in hindsight, it does make the code clearer if the options to control the sider are its props.

I'll implement it later today.

[Copilot]

Pull Request Overview

This PR adds a new siderItemsAreCollapsed prop to sider components across all UI packages (Ant Design, Material-UI, Mantine, Chakra-UI) to control whether nested sidebar items are expanded or collapsed by default.

Key changes:

• Added the siderItemsAreCollapsed boolean prop with a default value of true to maintain backward compatibility
• Implemented logic in each UI package to respect this prop when determining default expansion state
• Updated documentation across all UI integration guides to document the new prop

Reviewed Changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/ui-types/src/types/layout.tsx	Added type definition for the new prop
packages/mui/src/components/themedLayoutV2/sider/index.tsx	Implemented prop logic for Material-UI sider
packages/mantine/src/components/themedLayoutV2/sider/index.tsx	Implemented prop logic for Mantine sider
packages/chakra-ui/src/components/themedLayoutV2/sider/index.tsx	Implemented prop logic for Chakra-UI sider
packages/antd/src/components/themedLayoutV2/sider/index.tsx	Implemented prop logic for Ant Design sider
documentation/docs/ui-integrations/*/components/themed-layout/index.md	Updated documentation tables to include the new prop
.changeset/purple-bobcats-reflect.md	Added changeset for the feature

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[erenkurnaz]

Hello, @arndom thanks for your contribution, great work! 🚀