@myxtra/authentication-green 2.2.0 → 2.3.0

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.md CHANGED
@@ -75,7 +75,7 @@ package in two ways.
75
75
  </head>
76
76
  <body>
77
77
  <header>
78
- <xtra-authentication></xtra-authentication>
78
+ <xtra-authentication flyoutPlacement="bottom-end"></xtra-authentication>
79
79
  </header>
80
80
  </body>
81
81
  </html>
@@ -114,8 +114,6 @@ type Config = {
114
114
  environment: 'dev' | 'test' | 'syst' | 'prod';
115
115
  // The redirect url the BFF should redirect to after the user has logged in. Defaults to window.location.href
116
116
  redirectUrl?: string;
117
- // The position of the flyout menu, defaults to 'right'
118
- position?: 'left' | 'right';
119
117
  // The ID of the commerce/BOU for which the component will show the icon when the Terms & Condition dialog is shown.
120
118
  commerceId?:
121
119
  | 'bioplanet'
@@ -142,6 +140,22 @@ type Config = {
142
140
  > ❗ You can find a list of available BOU menu item icons
143
141
  > [here](https://unpkg.com/@myxtra/authentication-green/dist/icons/bouMenuIcons.html).
144
142
 
143
+ ## Position
144
+
145
+ To change the direction in which the menu of the authentication component will open, you can pass a
146
+ flyoutPlacement value to the component.
147
+
148
+ ```
149
+ <xtra-authentication flyoutPlacement="bottom-start></xtra-authentication>
150
+ ```
151
+
152
+ Possible values are:
153
+
154
+ - top-start
155
+ - top-end
156
+ - bottom-start
157
+ - bottom-end (default)
158
+
145
159
  ## Events & window object
146
160
 
147
161
  The authentication component will emit events and add properties to the window object. For backwards