feat: update demo

samples/composeApp/src/commonMain/kotlin/com/highcapable/flexiui/demo/Resources.kt

@@ -226,6 +226,59 @@ val FlexiIcons.Component by lazy {
     }
 }
 
+val FlexiIcons.Style by lazy {
+    ImageVector(
+        name = "style",
+        defaultWidth = 24.dp,
+        defaultHeight = 24.dp,
+        viewportWidth = 24f,
+        viewportHeight = 24f
+    ) {
+        path(
+            fill = SolidColor(Color.White),
+            fillAlpha = 1.0f,
+            strokeAlpha = 1.0f,
+            strokeLineWidth = 1.0f,
+            strokeLineCap = StrokeCap.Butt,
+            strokeLineJoin = StrokeJoin.Miter,
+            strokeLineMiter = 1.0f,
+            pathFillType = PathFillType.NonZero
+        ) {
+            moveTo(2.53f, 19.65f)
+            lineToRelative(1.34f, 0.56f)
+            verticalLineToRelative(-9.03f)
+            lineToRelative(-2.43f, 5.86f)
+            curveToRelative(-0.41f, 1.02f, 0.08f, 2.19f, 1.09f, 2.61f)
+            close()
+            moveTo(22.03f, 15.95f)
+            lineTo(17.07f, 3.98f)
+            curveToRelative(-0.31f, -0.75f, -1.04f, -1.21f, -1.81f, -1.23f)
+            curveToRelative(-0.26f, 0f, -0.53f, 0.04f, -0.79f, 0.15f)
+            lineTo(7.1f, 5.95f)
+            curveToRelative(-0.75f, 0.31f, -1.21f, 1.03f, -1.23f, 1.8f)
+            curveToRelative(-0.01f, 0.27f, 0.04f, 0.54f, 0.15f, 0.8f)
+            lineToRelative(4.96f, 11.97f)
+            curveToRelative(0.31f, 0.76f, 1.05f, 1.22f, 1.83f, 1.23f)
+            curveToRelative(0.26f, 0f, 0.52f, -0.05f, 0.77f, -0.15f)
+            lineToRelative(7.36f, -3.05f)
+            curveToRelative(1.02f, -0.42f, 1.51f, -1.59f, 1.09f, -2.6f)
+            close()
+            moveTo(7.88f, 8.75f)
+            curveToRelative(-0.55f, 0f, -1f, -0.45f, -1f, -1f)
+            reflectiveCurveToRelative(0.45f, -1f, 1f, -1f)
+            reflectiveCurveToRelative(1f, 0.45f, 1f, 1f)
+            reflectiveCurveToRelative(-0.45f, 1f, -1f, 1f)
+            close()
+            moveTo(5.88f, 19.75f)
+            curveToRelative(0f, 1.1f, 0.9f, 2f, 2f, 2f)
+            horizontalLineToRelative(1.45f)
+            lineToRelative(-3.45f, -8.34f)
+            verticalLineToRelative(6.34f)
+            close()
+        }
+    }
+}
+
 val FlexiIcons.ListAdd by lazy {
     ImageVector(
         name = "list_add",

samples/composeApp/src/commonMain/kotlin/com/highcapable/flexiui/demo/screen/MainScreen.kt

@@ -58,6 +58,7 @@ import com.highcapable.flexiui.component.NavigationBarItem
 import com.highcapable.flexiui.component.NavigationBarRow
 import com.highcapable.flexiui.component.PrimaryAppBar
 import com.highcapable.flexiui.component.Scaffold
+import com.highcapable.flexiui.component.StickyHeaderBar
 import com.highcapable.flexiui.component.SwitchItem
 import com.highcapable.flexiui.component.Text
 import com.highcapable.flexiui.component.window.FlexiDialog
@@ -70,6 +71,7 @@ import com.highcapable.flexiui.demo.PrimarySpacer
 import com.highcapable.flexiui.demo.Screen
 import com.highcapable.flexiui.demo.SecondarySpacer
 import com.highcapable.flexiui.demo.SecondaryText
+import com.highcapable.flexiui.demo.Style
 import com.highcapable.flexiui.demo.colorSchemes
 import com.highcapable.flexiui.demo.rememberRouter
 import com.highcapable.flexiui.demo.toName
@@ -157,7 +159,11 @@ fun MainHomePage(modifier: Modifier) {
             var colorScheme by remember { Preferences.colorScheme }
             var darkMode by remember { Preferences.darkMode }
             var followSystemDarkMode by remember { Preferences.followSystemDarkMode }
-            SecondaryText("Theme Style")
+            StickyHeaderBar(
+                modifier = Modifier.fillMaxWidth(),
+                icon = { Icon(FlexiIcons.Style) },
+                title = { Text("Theme Style") }
+            )
             PrimarySpacer()
             AnimatedVisibility(visible = !followSystemDarkMode) {
                 Column {