-
Notifications
You must be signed in to change notification settings - Fork 17
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
filter-sidebar: Enhanced documentation and guidance around mobile usage. #1918
base: main
Are you sure you want to change the base?
Conversation
Expanded on existing content.
🦋 Changeset detectedLatest commit: 21bdc21 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
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 |
|
@@ -8,7 +8,7 @@ relatedPatterns: ['search-filters'] | |||
|
|||
Filter sidebar is used in catalogue or search results pages to contain filtering options for a list of Cards. | |||
|
|||
The Filter sidebar collapses on mobile devices, and displays a number of active filter options in the header. | |||
The Filter sidebar collapses on mobile devices into an accordion, where the number of active filter options is displayed prominently in the header. Individual filter tags are displayed outside of the accordion, providing users with a clear, interactive way to view and remove specific filters as needed. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Filter tags aren't part of this component, so I think this should be more "if you add filter tags" or it should be added to the patterns/search-filters documentation
Edited to reflect that filter tags are not part of the component, so changed language to "can"
Added tags as related component
filter-sidebar: Enhanced documentation and guidance around mobile usage.
|
Expanded on existing content.
View preview
Checklist
Preflight
accordion: Updated padding
ordocs: Updated header links
yarn changeset
. Learn more about change management.Testing
yarn test
to ensure tests are passing. If required, runyarn test -u
to update any generated snapshots.Documentation