Update for UI Elements

Add callout.html
for setting update add error notice on the top of forms.

diff --git a/views/ui/f6/callout.html b/views/ui/f6/callout.html
new file mode 100644 (file)
index 0000000..ed1c446
--- /dev/null
+++ b/views/ui/f6/callout.html
@@ -0,0 +1,17 @@
+{*
+    Foundation 6 Callout Notice
+
+    {$ui = [
+        'label'  => string Label text for this Callout,
+        'active' => string True or False if this notice is active
+        'type'   => string Success, Warning, Alert, Primary or Secondary
+    ]}
+*}
+{if $ui.active}
+    <div class="{$ui.type} callout" data-closable>
+        <button class="close-button" aria-label="Close" type="button" data-close>
+            <span aria-hidden="true">&times;</span>
+        </button>
+        <p>{$ui.label}</p>
+    </div>
+{/if}

diff --git a/views/ui/f6/checkbox.html b/views/ui/f6/checkbox.html
index a700212..01fd03b 100644 (file)
--- a/views/ui/f6/checkbox.html
+++ b/views/ui/f6/checkbox.html
@@ -30,8 +30,8 @@
                     >
                 <label for="{$ui.field}" class="switch-paddle">
                     <span class="show-for-sr">{$ui.label}</span>
-                    <span class="switch-active" aria-hidden>{if isset($ui.active)}{$ui.active}{else}Yes{/if}</span>
-                    <span class="switch-inactive" aria-hidden>{if isset($ui.inactive)}{$ui.inactive}{else}No{/if}</span>
+                    <span class="switch-active" aria-hidden>{if isset($ui.active)}{$ui.active}{else}On{/if}</span>
+                    <span class="switch-inactive" aria-hidden>{if isset($ui.inactive)}{$ui.inactive}{else}Off{/if}</span>
                 </label>
             </div>