chore(Button): add rounded preset

nuxt · May 17, 2022 · 3c724e8 · 3c724e8
1 parent 4851a4b
commit 3c724e8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/runtime/components/elements/Button.vue b/src/runtime/components/elements/Button.vue
@@ -86,6 +86,10 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
+  roundedClass: {
+    type: String,
+    default: () => $ui.button.rounded
+  },
   baseClass: {
     type: String,
     default: () => $ui.button.base
@@ -145,7 +149,7 @@ const buttonClass = computed(() => {
     $ui.button[isSquare.value ? 'square' : 'spacing'][props.size],
     $ui.button.variant[props.variant],
     props.block ? 'w-full flex justify-center items-center' : 'inline-flex items-center',
-    props.rounded ? 'rounded-full' : 'rounded-md',
+    props.rounded ? 'rounded-full' : props.roundedClass,
     props.customClass
   )
 })

diff --git a/src/runtime/presets/default.ts b/src/runtime/presets/default.ts
@@ -2,6 +2,7 @@ import { safeColors } from '../utils/colors'
 
 const button = {
   base: 'font-medium focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 focus:ring-offset-white dark:focus:ring-offset-black',
+  rounded: 'rounded-md',
   size: {
     xxs: 'text-xs',
     xs: 'text-xs',