diff --git a/docs/404.html b/docs/404.html index 859e2a795..e9350637b 100644 --- a/docs/404.html +++ b/docs/404.html @@ -14,7 +14,7 @@ - + + + + + + + + + + + + + + +
+
+ + +
+
+ +
+ + + furo-ui5-toast-display + + +
+ + + + + + +
+ + + +

+ furo-ui5-toast-display + # +

+

@furo/ui5 v1.5.2 +
import '@furo/ui5/src/furo-ui5-toast-display.js'; +
exports <furo-ui5-toast-display> custom-element-definition +
superclass LitElement

+
+

Summary: Display element for furo-ui5-toast

+
+

+ Description + # +

+

The furo-ui5-toast-display will catch furo-ui5-toast elements, to display it in the dom of his parent element.

+

The first furo-ui5-toast-display on the event path will catch the furo-ui5-toast-register request from a underlying furo-ui5-toast.

+

+ Attributes and Properties + # +

+

+ Methods + # +

+
+ + + + + + + +
+ +
+ + + + +
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/docs/components/furo-ui5-toast/index.html b/docs/docs/components/furo-ui5-toast/index.html new file mode 100644 index 000000000..140f24680 --- /dev/null +++ b/docs/docs/components/furo-ui5-toast/index.html @@ -0,0 +1,3534 @@ + + + + + + + + + + + + + + + +furo-ui5-toast | フロー Furo UI5 + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ +
+ + + furo-ui5-toast + + +
+ + + + + + +
+ + + +

+ furo-ui5-toast + # +

+

@furo/ui5 v1.5.2 +
import '@furo/ui5/src/furo-ui5-toast.js'; +
exports FuroUi5Toast js +
extends src/furo-ui5-toast.js

+
+

Summary: Toast element

+
+

+ Description + # +

+

The furo-ui5-toast is a extended ui5-toast which can attach itself to a parent dom element.

+

This is helpful, when you have used z-indexes in one of the parents, which put the original ui5-toast behind the backdrop.

+

Use this component like a regular ui5-toast and do not forget to place the furo-ui5-toast-display in one of the parent elements.

+

It supports all features from the + SAP ui5 Toast element.

+

important: Place a furo-ui5-toast-display in any dom parent of the component where you use furo-ui5-toast. Your app-shell or body is a good place to do that.

+
+ +
+
1
+2
+3
+4
+5
+
 +
<furo-ui5-toast  fn-show="--openToastClicked" placement="MiddleCenter">
+  <p>Content</p>
+</furo-ui5-toast>
+
+<button at-click="--openToastClicked">Open toast</button>
+
+
+

+ Sample + # +

+ + + +
+ +
+
1
+2
+3
+4
+5
+
 +
<furo-ui5-toast fn-show="--openToastClicked" placement="MiddleCenter">
+  <p>Content</p>
+</furo-ui5-toast>
+
<button @-click="–openToastClicked">open toast</button>
+

+
+

Note: furo-ui5-toast-display is placed in body

+

+ Attributes and Properties + # +

+

+ Methods + # +

+

+ show + # +

+

show() ⟹ void

+

* → +fn-show

+

shows the toast

+



+
+ + + + + + + +
+ +
+ + + + +
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/docs/components/furo-ui5-toggle-button/index.html b/docs/docs/components/furo-ui5-toggle-button/index.html index a629997f4..f68fa3599 100644 --- a/docs/docs/components/furo-ui5-toggle-button/index.html +++ b/docs/docs/components/furo-ui5-toggle-button/index.html @@ -12,12 +12,12 @@ - + furo-ui5-toggle-button | フロー Furo UI5 - + + + + + + + + + + + + + + +
+
+ + +
+
+ +
+ + + Furo Ui5 Toast Display Head + + +
+ + + + + + +
+ + + +
+ + + + + + + + + + +
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/docs/redactional/components/furo-ui5-toast/_furo-ui5-toast-head/index.html b/docs/docs/redactional/components/furo-ui5-toast/_furo-ui5-toast-head/index.html new file mode 100644 index 000000000..c9c479bd0 --- /dev/null +++ b/docs/docs/redactional/components/furo-ui5-toast/_furo-ui5-toast-head/index.html @@ -0,0 +1,3447 @@ + + + + + + + + + + + + + + + +Furo Ui5 Toast Head | フロー Furo UI5 + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ +
+ + + Furo Ui5 Toast Head + + +
+ + + + +
+ + + +

+ Sample + # +

+ + + +
+ +
+
1
+2
+3
+4
+5
+
 +
<furo-ui5-toast fn-show="--openToastClicked" placement="MiddleCenter">
+  <p>Content</p>
+</furo-ui5-toast>
+
+<button @-click="--openToastClicked">open toast</button>
+
+
+

Note: furo-ui5-toast-display is placed in body

+
+ + + + + + + +
+ +
+ + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/docs/redactional/components/furo-ui5-toggle-button/_furo-ui5-toggle-button-head/index.html b/docs/docs/redactional/components/furo-ui5-toggle-button/_furo-ui5-toggle-button-head/index.html index 0794f3af5..bce859b29 100644 --- a/docs/docs/redactional/components/furo-ui5-toggle-button/_furo-ui5-toggle-button-head/index.html +++ b/docs/docs/redactional/components/furo-ui5-toggle-button/_furo-ui5-toggle-button-head/index.html @@ -17,7 +17,7 @@ - +