feat(sidebar): add SidebarGroupActions component for multiple actions #5505
+52
−6
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Add SidebarGroupActions Component and Optimize SidebarGroupAction
Overview
This PR introduces a new
SidebarGroupActions
component and optimizes the existingSidebarGroupAction
component. These changes aim to improve the flexibility and usability of the sidebar components.Key Changes
SidebarGroupActions
componentSidebarGroupAction
component by adding anabsolute
propBenefits
Enhanced Flexibility: The new
SidebarGroupActions
component allows for easier addition of multiple action buttons within sidebar groups. This significantly improves interface design flexibility, enabling developers to freely combine multiple actions as needed.Improved Customizability: The new
absolute
prop on theSidebarGroupAction
component gives developers more precise control over action button positioning. This provides more options for different layout requirements.Maintained Consistency: The new component and changes align with the existing design system, ensuring overall UI coherence.
Simplified Development Process: By providing more flexible components, developers can implement complex sidebar layouts more quickly, reducing the need for custom code.
Visual Demonstration
Usage Example
Summary
These changes not only improve the flexibility and usability of the sidebar components but also lay the foundation for future feature expansions. By providing more customization options, we can better meet various complex UI requirements while maintaining code clarity and maintainability.