diff --git a/docs/src/pages/components/InlineNotification.svx b/docs/src/pages/components/InlineNotification.svx
index 400a9fc5..e6ed71c1 100644
--- a/docs/src/pages/components/InlineNotification.svx
+++ b/docs/src/pages/components/InlineNotification.svx
@@ -9,15 +9,15 @@ source: Notification/InlineNotification.svelte
 
 ### Default (error)
 
-<InlineNotification on:close />
+<InlineNotification title="Error" subtitle="An internal server error occurred." />
 
 ### Hidden close button
 
-<InlineNotification hideCloseButton kind="warning" title="Upcoming scheduled maintenance" />
+<InlineNotification hideCloseButton kind="warning" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." />
 
 ### With actions
 
-<InlineNotification kind="warning" title="Upcoming scheduled maintenance">
+<InlineNotification kind="warning" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours.">
   <div slot="actions">
     <NotificationActionButton>Learn more</NotificationActionButton>
   </div>
@@ -25,18 +25,18 @@ source: Notification/InlineNotification.svelte
 
 ### Notification variants
 
-<InlineNotification kind="error" />
-<InlineNotification kind="info" />
-<InlineNotification kind="info-square" />
-<InlineNotification kind="success" />
-<InlineNotification kind="warning" />
-<InlineNotification kind="warning-alt" />
+<InlineNotification kind="error" title="Error" subtitle="An internal server error occurred." />
+<InlineNotification kind="info" title="New updates" subtitle="Restart to get the latest updates." />
+<InlineNotification kind="info-square" title="New updates" subtitle="Restart to get the latest updates." />
+<InlineNotification kind="success" title="Success" subtitle="Your settings have been saved." />
+<InlineNotification kind="warning" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." />
+<InlineNotification kind="warning-alt" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." />
 
 ### Low contrast
 
-<InlineNotification lowContrast kind="error" />
-<InlineNotification lowContrast kind="info" />
-<InlineNotification lowContrast kind="info-square" />
-<InlineNotification lowContrast kind="success" />
-<InlineNotification lowContrast kind="warning" />
-<InlineNotification lowContrast kind="warning-alt" />
+<InlineNotification lowContrast kind="error" title="Error" subtitle="An internal server error occurred." />
+<InlineNotification lowContrast kind="info" title="New updates" subtitle="Restart to get the latest updates." />
+<InlineNotification lowContrast kind="info-square" title="New updates" subtitle="Restart to get the latest updates." />
+<InlineNotification lowContrast kind="success" title="Success" subtitle="Your settings have been saved." />
+<InlineNotification lowContrast kind="warning" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." />
+<InlineNotification lowContrast kind="warning-alt" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." />
diff --git a/docs/src/pages/components/ToastNotification.svx b/docs/src/pages/components/ToastNotification.svx
index 515eed70..2c39a3a8 100644
--- a/docs/src/pages/components/ToastNotification.svx
+++ b/docs/src/pages/components/ToastNotification.svx
@@ -9,26 +9,26 @@ source: Notification/ToastNotification.svelte
 
 ### Default (error)
 
-<ToastNotification />
+<ToastNotification title="Error" subtitle="An internal server error occurred." caption="[MMM D, YYYY h:mm A]" />
 
 ### Hidden close button
 
-<ToastNotification hideCloseButton kind="warning" title="Upcoming scheduled maintenance" />
+<ToastNotification hideCloseButton kind="warning" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." caption="[MMM D, YYYY h:mm A]" />
 
 ### Notification variants
 
-<ToastNotification kind="error" />
-<ToastNotification kind="info" />
-<ToastNotification kind="info-square" />
-<ToastNotification kind="success" />
-<ToastNotification kind="warning" />
-<ToastNotification kind="warning-alt" />
+<ToastNotification kind="error" title="Error" subtitle="An internal server error occurred." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification kind="info" title="New updates" subtitle="Restart to get the latest updates." caption="[MMM D, YYYY h:mm A]"  />
+<ToastNotification kind="info-square" title="New updates" subtitle="Restart to get the latest updates." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification kind="success" title="Success" subtitle="Your settings have been saved." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification kind="warning" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification kind="warning-alt" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." caption="[MMM D, YYYY h:mm A]" />
 
 ### Low contrast
 
-<ToastNotification lowContrast kind="error" />
-<ToastNotification lowContrast kind="info" />
-<ToastNotification lowContrast kind="info-square" />
-<ToastNotification lowContrast kind="success" />
-<ToastNotification lowContrast kind="warning" />
-<ToastNotification lowContrast kind="warning-alt" />
+<ToastNotification lowContrast kind="error" title="Error" subtitle="An internal server error occurred." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification lowContrast kind="info" title="New updates" subtitle="Restart to get the latest updates." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification lowContrast kind="info-square" title="New updates" subtitle="Restart to get the latest updates." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification lowContrast kind="success" title="Success" subtitle="Your settings have been saved." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification lowContrast kind="warning" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." caption="[MMM D, YYYY h:mm A]" />
+<ToastNotification lowContrast kind="warning-alt" title="Upcoming scheduled maintenance" subtitle="Maintenance will last 2-4 hours." caption="[MMM D, YYYY h:mm A]" />