Updated doc ex copy for popoverProps implementation

playbook/app/pb_kits/playbook/pb_filter/docs/_filter_custom_width.html.erb → playbook/app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.html.erb

@@ -1,6 +1,6 @@
 <%=
   pb_rails("filter", props: {
-    id: "filter_custom_width_rails",
+    id: "filter_popover_props",
     position: "top",
     filters: [
       { name: "name", value: "John Wick" },

playbook/app/pb_kits/playbook/pb_filter/docs/_filter_custom_width.jsx → playbook/app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Filter, Flex, Select, TextInput } from 'playbook-ui'
 
-const FilterCustomWidth = (props) => {
+const FilterPopoverProps = (props) => {
   const options = [
     { value: 'USA' },
     { value: 'Canada' },
@@ -68,4 +68,4 @@ const FilterCustomWidth = (props) => {
   )
 }
 
-export default FilterCustomWidth
+export default FilterPopoverProps

playbook/app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_rails.md

@@ -0,0 +1 @@
+This kit uses the [Popover kit](https://playbook.powerapp.cloud/kits/popover) under the hood for the Filter Popover which comes with its own set of props. If you want to apply certain Popover props to that underlying kit, you can do so by using the optional `popover_props` prop. This prop must be an object that contains valid Popover props. For a full list of Popover props, see [here](https://playbook.powerapp.cloud/kits/popover).

playbook/app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md

@@ -0,0 +1 @@
+This kit uses the [Popover kit](https://playbook.powerapp.cloud/kits/popover/react) under the hood for the Filter Popover which comes with its own set of props. If you want to apply certain Popover props to that underlying kit, you can do so by using the optional `popoverProps` prop. This prop must be an object that contains valid Popover props. For a full list of Popover props, see [here](https://playbook.powerapp.cloud/kits/popover/react).

playbook/app/pb_kits/playbook/pb_filter/docs/example.yml

@@ -9,8 +9,8 @@ examples:
   - sort_only: Sort Only
   - filter_max_width: Max Width for Popover Inside of Filter
   - filter_max_height: Max Height for Popover Inside of Filter
-  - filter_custom_width: Custom Width for Popover Inside of Filter
   - filter_placement: Filter Placement
+  - filter_popover_props: Popover Props
 
   react:
   - filter_default: Default
@@ -21,6 +21,6 @@ examples:
   - sort_only: Sort Only
   - filter_max_width: Max Width for Popover Inside of Filter
   - filter_max_height: Max Height for Popover Inside of Filter
-  - filter_custom_width: Custom Width for Popover Inside of Filter
   - filter_placement: Filter Placement
+  - filter_popover_props: Popover Props
 

playbook/app/pb_kits/playbook/pb_filter/docs/index.js

@@ -7,4 +7,4 @@ export { default as SortOnly } from './_sort_only.jsx'
 export { default as FilterMaxWidth } from './_filter_max_width.jsx'
 export { default as FilterMaxHeight } from './_filter_max_height.jsx'
 export { default as FilterPlacement } from './_filter_placement.jsx'
-export { default as FilterCustomWidth } from './_filter_custom_width.jsx'
+export { default as FilterPopoverProps } from './_filter_popover_props.jsx'