@contentful/f36-popover 6.7.1 → 6.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.mdx +7 -7
- package/package.json +2 -2
package/README.mdx
CHANGED
|
@@ -11,13 +11,6 @@ typescript: ./src/Popover.tsx
|
|
|
11
11
|
Popover is used to display some content on top of another, and should be paired with a clickable trigger element.
|
|
12
12
|
It is a base for other more specific component, like `Menu`, `Autocomplete` and `Multiselect`. Please, consider using these specific componenets to cover your needs.
|
|
13
13
|
|
|
14
|
-
### How to use Popover
|
|
15
|
-
|
|
16
|
-
- Only if `Menu`, `Autocomplete` and `Multiselect` components are not covering your use cases, you should use `Popover`.
|
|
17
|
-
- Before using this component, double-check your design requirements. We are providing `Menu`, `Autocomplete`, and `Multiselect` for more specific use-cases and they can address your needs.
|
|
18
|
-
- Keep in mind that you will have to implement everything related to accessibility for the popover content.
|
|
19
|
-
- Component is controllable, so don't forget to pass `onClose` callback prop. Otherwise `closeOnEsc` and `closeOnBlur` will not work properly.
|
|
20
|
-
|
|
21
14
|
## Import
|
|
22
15
|
|
|
23
16
|
```jsx static=true
|
|
@@ -26,6 +19,13 @@ import { Popover } from '@contentful/f36-components';
|
|
|
26
19
|
import { Popover } from '@contentful/f36-popover';
|
|
27
20
|
```
|
|
28
21
|
|
|
22
|
+
## How to use Popover
|
|
23
|
+
|
|
24
|
+
- Only if `Menu`, `Autocomplete` and `Multiselect` components are not covering your use cases, you should use `Popover`.
|
|
25
|
+
- Before using this component, double-check your design requirements. We are providing `Menu`, `Autocomplete`, and `Multiselect` for more specific use-cases and they can address your needs.
|
|
26
|
+
- Keep in mind that you will have to implement everything related to accessibility for the popover content.
|
|
27
|
+
- Component is controllable, so don't forget to pass `onClose` callback prop. Otherwise `closeOnEsc` and `closeOnBlur` will not work properly.
|
|
28
|
+
|
|
29
29
|
## Examples
|
|
30
30
|
|
|
31
31
|
### Basic
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/f36-popover",
|
|
3
|
-
"version": "6.7.
|
|
3
|
+
"version": "6.7.3",
|
|
4
4
|
"description": "Forma 36: Popover component",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "tsup"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@contentful/f36-core": "^6.7.
|
|
9
|
+
"@contentful/f36-core": "^6.7.3",
|
|
10
10
|
"@contentful/f36-tokens": "^6.1.0",
|
|
11
11
|
"@contentful/f36-utils": "^6.1.0",
|
|
12
12
|
"@emotion/css": "^11.13.5",
|