fix: code formatted

magicuidesign · Oct 18, 2024 · 0296a8f · 0296a8f
1 parent 35be039
commit 0296a8f
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/content/docs/components/ripple-button.mdx b/content/docs/components/ripple-button.mdx
@@ -45,17 +45,17 @@ module.exports = {
   theme: {
     extend: {
       animation: {
-        rippling: "rippling var(--duration) ease-out", 
+        rippling: "rippling var(--duration) ease-out",
       },
-    keyframes: {
-      rippling: {
-        "0%": {
-          opacity: "1"
-              },
-        "100%": {
+      keyframes: {
+        rippling: {
+          "0%": {
+            opacity: "1",
+          },
+          "100%": {
             transform: "scale(2)",
-            "opacity": "0"         
-          }
+            opacity: "0",
+          },
         },
       },
     },
@@ -71,12 +71,12 @@ module.exports = {
 
 ## Props
 
-| Prop       | Type            | Description                                              |
-| ---------- | --------------- | -------------------------------------------------------- |
-| children   | React.ReactNode | The content of the button.                               |
-| className  | string          | Additional class names for the button.                   |
+| Prop        | Type            | Description                                               |
+| ----------- | --------------- | --------------------------------------------------------- |
+| children    | React.ReactNode | The content of the button.                                |
+| className   | string          | Additional class names for the button.                    |
 | rippleColor | string          | The rbg numbers only for the color of the rippling waves. |
-| duration   | string          | The time span of one ripple.                              |
+| duration    | string          | The time span of one ripple.                              |
 
 ## Credits