feat: add examples for dismissable and actions in notices.

helsingborg-stad · Jan 9, 2025 · 6c930a4 · 6c930a4
1 parent ad65eb1
commit 6c930a4
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 43 deletions.
diff --git a/views/pages/components/usage/notice/actions.blade.php b/views/pages/components/usage/notice/actions.blade.php
@@ -0,0 +1,48 @@
+@notice([
+    'type' => 'info',
+    'message' => [
+        'text' => 'This message size is set to sm.',
+    ],
+    'action' => [
+        'text' => 'Undo',
+        'url' => '#'
+    ],
+    'dismissable' => true,
+    'icon' => [
+        'name' => 'check',
+        'size' => 'md',
+        'color' => 'white'
+    ]
+])
+@endnotice
+
+@notice([
+    'type' => 'info',
+    'message' => [
+        'text' => 'This message size is set to sm.',
+    ],
+    'dismissable' => true,
+    'icon' => [
+        'name' => 'check',
+        'size' => 'md',
+        'color' => 'white'
+    ]
+])
+@endnotice
+
+@notice([
+    'type' => 'info',
+    'message' => [
+        'text' => 'This message size is set to sm.',
+    ],
+    'action' => [
+        'text' => 'Undo',
+        'url' => '#'
+    ],
+    'icon' => [
+        'name' => 'check',
+        'size' => 'md',
+        'color' => 'white'
+    ]
+])
+@endnotice
diff --git a/views/pages/components/usage/notice/messageSize.blade.php b/views/pages/components/usage/notice/messageSize.blade.php
diff --git a/views/pages/components/usage/notice/notice.json b/views/pages/components/usage/notice/notice.json
@@ -14,9 +14,9 @@
         "subHeading": "",
         "text": "The title to show above the message"
     },
-    "messageSize": {
-        "heading": "Message size",
+    "actions": {
+        "heading": "Actions & dismiss",
         "subHeading": "",
-        "text": "The size of the message can be set to either sm, md or lg and will also affect the icon since our icon package is a font."
+        "text": "These can have an action, and be dismissable."
     }
 }