feat(BaseButtonIcon): add xl size

shuriken-ui · Jun 6, 2024 · d7d9b30 · d7d9b30
1 parent 9a02992
commit d7d9b30
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/.playground/pages/tests/base/button-icon.vue b/.playground/pages/tests/base/button-icon.vue
@@ -41,6 +41,9 @@ definePageMeta({
           <BaseButtonIcon size="lg" rounded="md">
             <Icon name="ph:game-controller-duotone" class="h-6 w-6" />
           </BaseButtonIcon>
+          <BaseButtonIcon size="xl" rounded="md">
+            <Icon name="ph:game-controller-duotone" class="h-7 w-7" />
+          </BaseButtonIcon>
         </div>
       </NuiPreview>
 

diff --git a/components/base/BaseButtonIcon.vue b/components/base/BaseButtonIcon.vue
@@ -73,7 +73,7 @@ const props = withDefaults(
      *
      * @default 'md'
      */
-    size?: 'sm' | 'md' | 'lg'
+    size?: 'sm' | 'md' | 'lg' | 'xl'
   }>(),
   {
     to: undefined,
@@ -100,9 +100,10 @@ const radiuses = {
 }
 
 const sizes = {
-  sm: 'nui-button-small',
-  md: 'nui-button-medium',
-  lg: 'nui-button-large',
+  sm: 'nui-button-sm',
+  md: 'nui-button-md',
+  lg: 'nui-button-lg',
+  xl: 'nui-button-xl',
 }
 
 const colors = {