Skip to content

Conversation

rijkvanzanten
Copy link
Member

This allows you to peek some of the content of the collapsed panel when it's collapsed

@rijkvanzanten rijkvanzanten requested a review from Copilot October 7, 2025 20:17
@rijkvanzanten rijkvanzanten changed the title Add support for a min collapsed size feat: add support for a min collapsed size Oct 7, 2025
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds support for a collapsedSize property that allows panels to maintain some visible content when collapsed, instead of completely hiding the panel. This enables a "peek" functionality where users can see a portion of the collapsed panel.

  • Adds collapsedSize prop to define how much of the panel remains visible when collapsed
  • Updates grid template logic to use the collapsed size instead of 0 when collapsed
  • Modifies collapse behavior to set panel size to the collapsed size value instead of 0

Reviewed Changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
packages/vue-split-panel/src/types.ts Adds collapsedSize property definition with documentation
packages/vue-split-panel/src/composables/use-sizes.ts Adds collapsedSize parameter and percentage calculation logic
packages/vue-split-panel/src/composables/use-grid-template.ts Updates grid template to use collapsedSizePercentage instead of hardcoded 0
packages/vue-split-panel/src/composables/use-grid-template.test.ts Updates tests to verify collapsed size behavior
packages/vue-split-panel/src/composables/use-collapse.ts Modifies collapse logic to use collapsedSize instead of 0
packages/vue-split-panel/src/composables/use-collapse.test.ts Adds comprehensive tests for custom collapsed size functionality
packages/vue-split-panel/src/SplitPanel.vue Integrates collapsedSize prop throughout the component
packages/vue-split-panel/playground/src/App.vue Demonstrates the new feature with a 50px collapsed size
docs/content/1.getting-started/2.usage.md Documents the new collapsedSize property

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

rijkvanzanten and others added 2 commits October 7, 2025 16:19
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@rijkvanzanten rijkvanzanten merged commit b85902b into main Oct 7, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant