From d3e54a5954e7bd1c62b81346eb8d92e7f2aac9a2 Mon Sep 17 00:00:00 2001
From: nikospapcom <admin@nikospap.com>
Date: Thu, 24 Oct 2024 17:23:14 +0300
Subject: [PATCH] chore: lint format

---
 docs/customization/user-button.mdx | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/docs/customization/user-button.mdx b/docs/customization/user-button.mdx
index 14768b681a..8eaadd2686 100644
--- a/docs/customization/user-button.mdx
+++ b/docs/customization/user-button.mdx
@@ -318,7 +318,6 @@ The following example demonstrates how to add a link to the `<UserButton />` com
   </Tab>
 </Tabs>
 
-
 ### JavaScript example
 
 To add custom menu items to the `<UserButton />` component using the [JavaScript SDK](/docs/references/javascript/overview), you can pass the `customMenuItems` property to the `mountUserButton` method, as shown in the following example:
@@ -340,13 +339,12 @@ To add custom menu items to the `<UserButton />` component using the [JavaScript
   clerk.mountUserButton(userButtonDiv, {
     customMenuItems: [
       {
-        label: "User page",
-        href: "/user",
+        label: 'User page',
+        href: '/user',
         mountIcon: (el) => {
-          el.innerHTML = "👤";
-        },
-        unmountIcon: (el) => {
+          el.innerHTML = '👤'
         },
+        unmountIcon: (el) => {},
       },
     ],
   })
@@ -375,13 +373,12 @@ To add custom menu items to the `<UserButton />` component using the [JavaScript
       Clerk.mountUserButton(userButtonDiv, {
         customMenuItems: [
           {
-            label: "User page",
-            href: "/user",
+            label: 'User page',
+            href: '/user',
             mountIcon: (el) => {
-              el.innerHTML = "👤";
-            },
-            unmountIcon: (el) => {
+              el.innerHTML = '👤'
             },
+            unmountIcon: (el) => {},
           },
         ],
       })
@@ -390,7 +387,6 @@ To add custom menu items to the `<UserButton />` component using the [JavaScript
   ```
 </CodeBlockTabs>
 
-
 ## Reorder default items
 
 The `<UserButton />` component includes two default menu items: `Manage account` and `Sign out`. You can reorder these default items by setting the `label` prop to `'manageAccount'` or `'signOut'`. This will target the existing default item and allow you to rearrange it, as shown in the following example: