-
Notifications
You must be signed in to change notification settings - Fork 17
Closed
Labels
type: enhancementNew feature or requestNew feature or request
Description
Component
Filter
Describe the feature request
The Filter automatically switches between a sidebar variant (desktop) and modal variant (tablet/mobile) based on the viewport size. This was originally done under the assumption that the component would be positioned in the same place across different screen sizes. In reality, products have been rendering the variants in separate locations.
To support these use cases, the variants should be available as standalone components.
- Extract
Filter.SidebarandFilter.Modalfrom the original implementation - Declare new
FilterSidebarPropsandFilterModalPropsprop types - Refactor the original
Filterto use these new components - Remove the
_dangerouslyForceMobileflag - Update the Storybook documentation to include usages of these new components
- Add unit tests to assert the standalone variants can render correctly
Acceptance criteria
- Storybook example showcasing the usage of
Filter.SidebarandFilter.Modal
References
Code
Sidebar Figma
Modal Figma
Storybook
Metadata
Metadata
Assignees
Labels
type: enhancementNew feature or requestNew feature or request