diff --git a/.changeset/strange-turkeys-punch.md b/.changeset/strange-turkeys-punch.md new file mode 100644 index 000000000000..3c0905b2ed47 --- /dev/null +++ b/.changeset/strange-turkeys-punch.md @@ -0,0 +1,5 @@ +--- +"@ag.ds-next/react": patch +--- + +filter-sidebar: Enhanced documentation and guidance around mobile usage. diff --git a/packages/react/src/filter-sidebar/docs/overview.mdx b/packages/react/src/filter-sidebar/docs/overview.mdx index 7a1be2181d9f..053611d9646f 100644 --- a/packages/react/src/filter-sidebar/docs/overview.mdx +++ b/packages/react/src/filter-sidebar/docs/overview.mdx @@ -3,12 +3,13 @@ title: Filter sidebar description: Filter sidebar is used for displaying filtering options in a search result or catalogue page. group: Layout storybookPath: /story/layout-filtersidebar--full +relatedComponents: ['tags'] 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. +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 can be displayed outside of the accordion, providing users with a clear, interactive way to view and remove specific filters as needed. [Visit the example page in Storybook](/storybook/index.html?path=/story/layout-filtersidebar--full) to see it used in context.