added slider gif

README.md

@@ -218,7 +218,7 @@ MorphSwitch(
     modifier = Modifier,
 )
 ```
-<img width="600" src="art/sliderl.png"><img width="600" src="art/sliderd.png">
+<img width="600" src="art/sliderl.gif"><img width="600" src="art/sliderd.gif">
 
 ## Coming soon
 

neumorph/src/main/kotlin/com/adwi/neumorph/android/Test.kt

@@ -13,6 +13,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.adwi.neumorph.android.components.PreviewTemplate
 import com.adwi.neumorph.android.theme.MorphUiTheme
 import com.adwi.neumorph.android.theme.AppColors
 
@@ -31,12 +32,12 @@ private fun TestDark() {
                 .background(MaterialTheme.colors.background)
                 .padding(10.dp),
         ) {
+            var value by remember { mutableStateOf(.5f)}
             MorphSlider(
-                value = .6f,
-                onValueChange = {},
+                value = value,
+                onValueChange = {value = it},
                 elevation = 5.dp,
                 cornerRadius = 10.dp,
-                backgroundColor = MaterialTheme.colors.primary,
                 modifier = Modifier,
             )
         }

neumorph/src/main/kotlin/com/adwi/neumorph/android/components/PreviewTemplate.kt

@@ -7,6 +7,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.adwi.neumorph.android.theme.MorphUiTheme
 
@@ -15,13 +16,15 @@ fun PreviewTemplate(
     modifier: Modifier = Modifier,
     darkTheme: Boolean = false,
     name: String = "Composable",
-    content: @Composable (content: @Composable () -> Unit) -> Unit
+    content: @Composable (content: @Composable () -> Unit) -> Unit,
 ) {
     MorphUiTheme(darkTheme = darkTheme) {
         MorphBackground {
             Column(
                 horizontalAlignment = Alignment.CenterHorizontally,
-                modifier = modifier.fillMaxWidth().padding(24.dp)
+                modifier = modifier
+                    .fillMaxWidth()
+                    .padding(24.dp)
             ) {
                 content { SampleText(text = name) }
             }
@@ -31,7 +34,7 @@ fun PreviewTemplate(
 
 @Composable
 fun SampleText(
-    text: String = "Morph UI"
+    text: String = "Morph UI",
 ) {
     Box(
         contentAlignment = Alignment.Center,
@@ -47,3 +50,27 @@ fun SampleText(
         )
     }
 }
+
+@Preview(showBackground = true, name = "Light", widthDp = 600, heightDp = 600)
+@Composable
+private fun PreviewTemplateLight() {
+    PreviewTemplate(
+        darkTheme = false,
+    ) {
+        PreviewTemplate() {
+            it()
+        }
+    }
+}
+
+@Preview(showBackground = true, name = "Dark", widthDp = 600, heightDp = 600)
+@Composable
+private fun PreviewTemplateDark() {
+    PreviewTemplate(
+        darkTheme = true,
+    ) {
+        PreviewTemplate() {
+            it()
+        }
+    }
+}