@contentful/f36-menu 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 -9
- package/package.json +5 -5
package/README.mdx
CHANGED
|
@@ -10,11 +10,15 @@ storybook: 'https://f36-storybook.contentful.com/?path=/story/components-menu--b
|
|
|
10
10
|
|
|
11
11
|
Menu is a component that offers a list of choices to the user, such as a set of actions or links. It needs to be provided with a trigger element, which can contain text, text with icon or icon only.
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## Import
|
|
14
|
+
|
|
15
|
+
```jsx static=true
|
|
16
|
+
import { Menu } from '@contentful/f36-components';
|
|
17
|
+
```
|
|
14
18
|
|
|
15
|
-
|
|
19
|
+
## Compound components
|
|
16
20
|
|
|
17
|
-
|
|
21
|
+
`Menu` is based on the popover component and offers compound components to build flexible menus that can be nested.
|
|
18
22
|
|
|
19
23
|
1. `<Menu.Trigger>` The wrapper for the menu list trigger. Must be a direct child of `<Menu>`.
|
|
20
24
|
NOTE: 🚨 Ensure that the component that you pass accepts `ref`. Consider using `forwardRef` for functional components.
|
|
@@ -28,12 +32,6 @@ Menu is based on the popover component and offers compound components to build f
|
|
|
28
32
|
1. _deprecated_ `<Menu.Submenu>` The wrapper for for submenu components. Structure of the children remains the same like in `<Menu>`, except you should use `<Menu.SubmenuTrigger>` instead of `<Menu.Trigger>`.
|
|
29
33
|
1. `<Menu.SubmenuTrigger>` The wrapper for the submenu list trigger. Must be a direct child of `<Menu.Submenu>`.
|
|
30
34
|
|
|
31
|
-
## Import
|
|
32
|
-
|
|
33
|
-
```jsx static=true
|
|
34
|
-
import { Menu } from '@contentful/f36-components';
|
|
35
|
-
```
|
|
36
|
-
|
|
37
35
|
## Examples
|
|
38
36
|
|
|
39
37
|
### Basic usage
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/f36-menu",
|
|
3
|
-
"version": "6.7.
|
|
3
|
+
"version": "6.7.3",
|
|
4
4
|
"description": "Forma 36: Menu component",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "tsup"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@contentful/f36-core": "^6.7.
|
|
10
|
-
"@contentful/f36-icons": "^6.7.
|
|
11
|
-
"@contentful/f36-popover": "^6.7.
|
|
9
|
+
"@contentful/f36-core": "^6.7.3",
|
|
10
|
+
"@contentful/f36-icons": "^6.7.3",
|
|
11
|
+
"@contentful/f36-popover": "^6.7.3",
|
|
12
12
|
"@contentful/f36-tokens": "^6.1.0",
|
|
13
|
-
"@contentful/f36-typography": "^6.7.
|
|
13
|
+
"@contentful/f36-typography": "^6.7.3",
|
|
14
14
|
"@contentful/f36-utils": "^6.1.0",
|
|
15
15
|
"@emotion/css": "^11.13.5",
|
|
16
16
|
"@floating-ui/dom": "^1.7.4",
|