-
+
diff --git a/apps/volt/doc/toast/BasicDoc.vue b/apps/volt/doc/toast/BasicDoc.vue
new file mode 100644
index 000000000..ea6410055
--- /dev/null
+++ b/apps/volt/doc/toast/BasicDoc.vue
@@ -0,0 +1,42 @@
+
+
+ A single message is represented by the Message interface that defines properties such as severity, summary and detail.
+
+
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/HeadlessDoc.vue b/apps/volt/doc/toast/HeadlessDoc.vue
new file mode 100644
index 000000000..e51d827c0
--- /dev/null
+++ b/apps/volt/doc/toast/HeadlessDoc.vue
@@ -0,0 +1,136 @@
+
+
+ Headless mode is enabled by defining a container slot along with the custom severity that lets you implement entire toast UI instead of the default elements.
+
+
+
+
+
+
+
+ {{ message.summary }}
+
+
+
+
{{ progress }}% uploaded
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/ImportDoc.vue b/apps/volt/doc/toast/ImportDoc.vue
new file mode 100644
index 000000000..cee4d6399
--- /dev/null
+++ b/apps/volt/doc/toast/ImportDoc.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/MultipleDoc.vue b/apps/volt/doc/toast/MultipleDoc.vue
new file mode 100644
index 000000000..43376d185
--- /dev/null
+++ b/apps/volt/doc/toast/MultipleDoc.vue
@@ -0,0 +1,48 @@
+
+
+ Multiple messages are displayed by passing an array to the show method.
+
+
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/PositionDoc.vue b/apps/volt/doc/toast/PositionDoc.vue
new file mode 100644
index 000000000..593121bd5
--- /dev/null
+++ b/apps/volt/doc/toast/PositionDoc.vue
@@ -0,0 +1,64 @@
+
+
+ A message can be targeted to a certain Toast component by matching the group keys whereas location is customized with the position .
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/SeverityDoc.vue b/apps/volt/doc/toast/SeverityDoc.vue
new file mode 100644
index 000000000..f8d2e19c6
--- /dev/null
+++ b/apps/volt/doc/toast/SeverityDoc.vue
@@ -0,0 +1,92 @@
+
+
+ The severity option specifies the type of the message.
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/StickyDoc.vue b/apps/volt/doc/toast/StickyDoc.vue
new file mode 100644
index 000000000..858093176
--- /dev/null
+++ b/apps/volt/doc/toast/StickyDoc.vue
@@ -0,0 +1,54 @@
+
+
+ A message disappears after the number of milliseconds defined in the life option. Omit the life option to make the message sticky.
+
+
+
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/TemplateDoc.vue b/apps/volt/doc/toast/TemplateDoc.vue
new file mode 100644
index 000000000..de112bcea
--- /dev/null
+++ b/apps/volt/doc/toast/TemplateDoc.vue
@@ -0,0 +1,95 @@
+
+
+ Custom content inside a message is defined with the message template.
+
+
+
+
+
+
+
{{ slotProps.message.summary }}
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/volt/doc/toast/ToastServiceDoc.vue b/apps/volt/doc/toast/ToastServiceDoc.vue
new file mode 100644
index 000000000..f2b1859aa
--- /dev/null
+++ b/apps/volt/doc/toast/ToastServiceDoc.vue
@@ -0,0 +1,33 @@
+
+
+ Toast component is controlled via the ToastService that needs to be installed as an application plugin.
+
+ Recommended location of a Toast is the main application template.
+
+ The useToast composable can be accessed anywhere within your application to interact with the component.
+
+
+
+
+
diff --git a/apps/volt/error.vue b/apps/volt/error.vue
index dabdf1edb..48156eb6e 100644
--- a/apps/volt/error.vue
+++ b/apps/volt/error.vue
@@ -9,7 +9,7 @@
4