chore(*): minor adjustments

docs/LumexUI.Docs.Client/Common/Navigation/NavigationStore.cs

@@ -107,7 +107,7 @@ public class NavigationStore
 			.Add( new( nameof( LumexTabs ) ) )
 			.Add( new( nameof( LumexTextbox ) ) )
 			.Add( new( nameof( LumexThemeProvider ) ) )
-      .Add( new( nameof( LumexTooltip ) ) )
+			.Add( new( nameof( LumexTooltip ) ) )
 			.Add( new( nameof( LumexUser ) ) );
 
 	public static Navigation GetNavigation()

docs/LumexUI.Docs.Client/Pages/Components/User/Examples/LinkDescription.razor → docs/LumexUI.Docs.Client/Pages/Components/User/Examples/CustomDescription.razor

@@ -3,7 +3,7 @@
 		<LumexAvatar Src="https://avatars.githubusercontent.com/u/68395709?v=4" />
 	</AvatarContent>
 	<DescriptionContent>
-		<LumexLink External Href="https://github.com/desmondinho">
+		<LumexLink Href="https://github.com/desmondinho" External="@true">
           @@desmondinho
         </LumexLink>
 	</DescriptionContent>

docs/LumexUI.Docs.Client/Pages/Components/User/Examples/Usage.razor

@@ -1,5 +1,5 @@
 <LumexUser Name="Jane Doe" Description="Product Designer">
 	<AvatarContent>
-		<LumexAvatar Src="https://i.pravatar.cc/300" />
+		<LumexAvatar Src="https://i.pravatar.cc/150?img=2" />
 	</AvatarContent>
 </LumexUser>

docs/LumexUI.Docs.Client/Pages/Components/User/PreviewCodes/CustomDescription.razor

@@ -0,0 +1,5 @@
+@rendermode InteractiveWebAssembly
+
+<PreviewCode Code="@new( name: null, snippet: "User.Code.CustomDescription" )">
+    <LumexUI.Docs.Client.Pages.Components.User.Examples.CustomDescription />
+</PreviewCode>

docs/LumexUI.Docs.Client/Pages/Components/User/User.razor

@@ -4,64 +4,67 @@
 @using LumexUI.Docs.Client.Pages.Components.User.PreviewCodes
 
 <DocsSection Title="Usage">
-	<Usage />
+    <Usage />
 
-	<DocsSection Title="Link Description">
-		<LinkDescription />
+    <DocsSection Title="Custom Description">
+        <p>Use the <code>DescriptionContent</code> parameter to provide custom content for the user description.</p>
+        <CustomDescription />
     </DocsSection>
 
-	<LumexAlert Radius="@Radius.Large" Class="my-6">
-		<DescriptionContent>
-			When both <code>Description</code> and <code>DescriptionContent</code> are provided, <code>DescriptionContent</code> takes precedence.
-		</DescriptionContent>
-	</LumexAlert>
-
+    <LumexAlert Radius="@Radius.Large" Class="my-6">
+        <DescriptionContent>
+            When both <code>Description</code> and <code>DescriptionContent</code> are provided, <code>DescriptionContent</code> takes precedence.
+        </DescriptionContent>
+    </LumexAlert>
 </DocsSection>
 
 <DocsSlotsSection Slots="@_slots">
-	<div>
-		<h4 class="font-semibold">User</h4>
-		<ul>
-			<li><code>Class</code>: The basic CSS class name styles the wrapper of the user contents.</li>
-			<li><code>Classes</code>: The CSS class names for the user slots style the entire user at once.</li>
-		</ul>
-	</div>
+    <div>
+        <h4 class="font-semibold">User</h4>
+        <ul>
+            <li><code>Class</code>: The basic CSS class name styles the wrapper of the user contents.</li>
+            <li><code>Classes</code>: The CSS class names for the user slots style the entire user at once.</li>
+        </ul>
+    </div>
 </DocsSlotsSection>
 
 <DocsApiSection Components="@_apiComponents" />
 
 @code {
-	[CascadingParameter] private DocsContentLayout Layout { get; set; } = default!;
+    [CascadingParameter] private DocsContentLayout Layout { get; set; } = default!;
 
-	private readonly Heading[] _headings = new Heading[]
-	{
-		new("Usage", [
-			new("Link Description")
-		]),
-		new("API")
-	};
+    private readonly Heading[] _headings = new Heading[]
+    {
+        new("Usage", [
+            new("Link Description")
+        ]),
+        new("Custom Styles"),
+        new("API")
+    };
 
-	private readonly Slot[] _slots = new Slot[]
-	{
-		new(nameof( UserSlots.Base ), "The base slot of the user, it is the main container."),
-		new(nameof( UserSlots.Wrapper ), "The name and description wrapper."),
-		new(nameof( UserSlots.Name ), "The name of the user."),
-		new(nameof( UserSlots.Description ), "The description of the user."),
-	};
+    private readonly Slot[] _slots = new Slot[]
+    {
+        new(nameof( UserSlots.Base ), "The base slot of the user, it is the main container."),
+        new(nameof( UserSlots.Wrapper ), "The name and description wrapper."),
+        new(nameof( UserSlots.Name ), "The name of the user."),
+        new(nameof( UserSlots.Description ), "The description of the user."),
+    };
 
-	private readonly string[] _apiComponents = new string[]
-	{
-		nameof(LumexUser)
-	};
+    private readonly string[] _apiComponents = new string[]
+    {
+        nameof(LumexUser),
+        nameof(LumexAvatar),
+        nameof(LumexLink)
+    };
 
-	protected override void OnInitialized()
-	{
-		Layout.Initialize(
-			title: "User",
-			category: "Components",
-			description: "Display user information with avatar and name.",
-			headings: _headings,
-			linksProps: new ComponentLinksProps("Usr", isServer: true)
-		);
-	}
+    protected override void OnInitialized()
+    {
+        Layout.Initialize(
+            title: "User",
+            category: "Components",
+            description: "Display user information with avatar and name.",
+            headings: _headings,
+            linksProps: new ComponentLinksProps( "User", isServer: false )
+        );
+    }
 }

src/LumexUI/Components/User/LumexUser.razor

@@ -7,7 +7,7 @@
 				Class="@GetStyles( nameof(S.Base) )"
 				Style="@RootStyle"
 				data-slot="base"
-				@attributes="AdditionalAttributes">
+				@attributes="@AdditionalAttributes">
 	@AvatarContent
 	<div class="@GetStyles( nameof( S.Wrapper ) )" data-slot="wrapper">
 
@@ -25,6 +25,5 @@
 				@Description
 			}
 		</span>
-
 	</div>
 </LumexComponent>

tests/LumexUI.Tests/Components/User/UserTests.razor

@@ -38,9 +38,9 @@
                     </LumexLink>
                 </DescriptionContent>
             </LumexUser>
-    );
+        );
 
-        cut.FindByTestId("user-root").Should().NotBeNull();
-        cut.FindByTestId("user-link").Should().NotBeNull();
+        cut.FindByTestId( "user-root" ).Should().NotBeNull();
+        cut.FindByTestId( "user-link" ).Should().NotBeNull();
     }
 }