Updated: ButtonGroup component example code.

StaticMania · Dec 18, 2024 · 6d28ee5 · 6d28ee5
1 parent 4282154
commit 6d28ee5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/components/content/docs/components/buttonGroup/buttonGroupCode.ts b/components/content/docs/components/buttonGroup/buttonGroupCode.ts
@@ -28,21 +28,21 @@ import { Button, ButtonGroup } from "keep-vue";
           variant="outline"
           class="flex items-center gap-x-1 border-metal-300 text-metal-600 dark:border-metal-400 dark:text-metal-300"
           position="start">
-          <PhosphorIconCube :size="20" class="mr-1.5" />
+          <PhCube :size="20" class="mr-1.5" />
           Profile
         </Button>
         <Button
           variant="outline"
           class="flex items-center gap-x-1 border-metal-300 text-metal-600 dark:border-metal-400 dark:text-metal-300"
           position="center">
-          <PhosphorIconGear :size="20" class="mr-1.5" />
+          <PhGear :size="20" class="mr-1.5" />
           Settings
         </Button>
         <Button
           variant="outline"
           class="flex items-center gap-x-1 border-metal-300 text-metal-600 dark:border-metal-400 dark:text-metal-300"
           position="end">
-          <PhosphorIconChatCircleDots :size="24" class="mr-1.5" />
+          <PhChatCircleDots :size="24" class="mr-1.5" />
           Messages
         </Button>
       </ButtonGroup>
@@ -62,21 +62,21 @@ import { Button, ButtonGroup } from 'keep-vue'
           class="border-metal-300 text-metal-600 dark:border-metal-400 dark:text-metal-300"
           position="start"
           shape="icon">
-          <PhosphorIconCube :size="20" />
+          <PhCube :size="20" />
         </Button>
         <Button
           variant="outline"
           class="border-metal-300 text-metal-600 dark:border-metal-400 dark:text-metal-300"
           position="center"
           shape="icon">
-          <PhosphorIconGear :size="20" />
+          <PhGear :size="20" />
         </Button>
         <Button
           variant="outline"
           class="border-metal-300 text-metal-600 dark:border-metal-400 dark:text-metal-300"
           position="end"
           shape="icon">
-          <PhosphorIconChatCircleDots :size="20" />
+          <PhChatCircleDots :size="20" />
         </Button>
       </ButtonGroup>
 </template>`,