feat: update playground demos

shuriken-ui · Feb 22, 2024 · 8458d86 · 8458d86
1 parent b46d4ff
commit 8458d86
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/.playground/pages/tests/authority/prose.vue b/.playground/pages/tests/authority/prose.vue
@@ -2,7 +2,7 @@
 definePageMeta({
   title: 'BaseProse',
   icon: 'system-uicons:paragraph-left',
-  description: 'Tailwind typography plugin',
+  description: 'Tailwind typography',
   section: 'authority',
 })
 </script>

diff --git a/.playground/pages/tests/base/message.vue b/.playground/pages/tests/base/message.vue
@@ -16,6 +16,8 @@ definePageMeta({
           <BaseMessage type="info">An information message.</BaseMessage>
           <BaseMessage type="warning">A warning message.</BaseMessage>
           <BaseMessage type="danger">A destructive message.</BaseMessage>
+          <BaseMessage type="default">A default message.</BaseMessage>
+          <BaseMessage type="muted">A muted message.</BaseMessage>
         </div>
       </NuiPreview>
 
@@ -25,6 +27,12 @@ definePageMeta({
           <BaseMessage type="info" icon>An information message.</BaseMessage>
           <BaseMessage type="warning" icon>A warning message.</BaseMessage>
           <BaseMessage type="danger" icon>A destructive message.</BaseMessage>
+          <BaseMessage type="default" icon="mingcute:avalanche-avax-fill">
+            A default message.
+          </BaseMessage>
+          <BaseMessage type="muted" icon="mingcute:desk-lamp-fill">
+            A muted message.
+          </BaseMessage>
         </div>
       </NuiPreview>
 

diff --git a/.playground/pages/tests/base/pagination.vue b/.playground/pages/tests/base/pagination.vue
@@ -41,6 +41,7 @@ const currentPage = computed(() => {
           :current-page="currentPage"
           :max-links-displayed="5"
           rounded="sm"
+          color="dark"
         />
       </NuiPreview>
 
@@ -54,6 +55,7 @@ const currentPage = computed(() => {
           :current-page="currentPage"
           :max-links-displayed="5"
           rounded="md"
+          color="black"
         />
       </NuiPreview>
 

diff --git a/.playground/pages/tests/base/tabs.vue b/.playground/pages/tests/base/tabs.vue
@@ -232,6 +232,7 @@ const selectedTab = ref('team')
           <BaseTabs
             type="box"
             model-value="team"
+            color="black"
             :tabs="[
               {
                 label: 'Team',