docs: document UserSettingsAppearanceView(Group)

ilhan007 · ilhan007 · commit e84ea11f2be7 · 2026-01-07T14:44:48.000+02:00
diff --git a/packages/website/docs/_components_pages/fiori/UserSettingsDialog/UserSettingsAppearanceView.mdx b/packages/website/docs/_components_pages/fiori/UserSettingsDialog/UserSettingsAppearanceView.mdx
@@ -0,0 +1,8 @@
+---
+slug: ../UserSettingsAppearanceView
+sidebar_class_name: newComponentBadge
+---
+
+<%COMPONENT_OVERVIEW%>
+
+<%COMPONENT_METADATA%>
diff --git a/packages/website/docs/_components_pages/fiori/UserSettingsDialog/UserSettingsAppearanceViewGroup.mdx b/packages/website/docs/_components_pages/fiori/UserSettingsDialog/UserSettingsAppearanceViewGroup.mdx
@@ -0,0 +1,8 @@
+---
+slug: ../UserSettingsAppearanceViewGroup
+sidebar_class_name: newComponentBadge
+---
+
+<%COMPONENT_OVERVIEW%>
+
+<%COMPONENT_METADATA%>
diff --git a/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/main.css b/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/main.css
@@ -57,4 +57,17 @@
 	display: flex;
 	gap: 0.188rem;
 	width: 100%;
+}
+
+.ui5-user-settings-appearance-view-additional-content-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 0.5rem;
+	width: 100%;
+}
+.ui5-user-settings-appearance-view-additional-content-description {
+	display: block;
+	color: var(--sapContent_LabelColor);
+	font-size: var(--sapFontSmallSize);
 }
diff --git a/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/sample.html b/packages/website/docs/_samples/fiori/UserSettingsDialog/Basic/sample.html
@@ -12,20 +12,6 @@
 		}
 	</style>
 	<link rel="stylesheet" href="main.css">
-	<style>
-		.ui5-user-settings-appearance-view-additional-content-header {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			margin-bottom: 0.5rem;
-			width: 100%;
-		}
-		.ui5-user-settings-appearance-view-additional-content-description {
-			display: block;
-			color: var(--sapContent_LabelColor);
-			font-size: var(--sapFontSmallSize);
-		}
-	</style>
 </head>
 
 <body style="background-color: var(--sapBackgroundColor)">
