Adding simple divider examples (#275)

* Adding simple divider examples

* Adding region tags

* Apply Spotless

---------

Co-authored-by: jakeroseman <[email protected]>

Author: jakeroseman

compose/snippets/src/main/java/com/example/compose/snippets/SnippetsActivity.kt

@@ -34,6 +34,7 @@ import com.example.compose.snippets.components.CheckboxExamples
 import com.example.compose.snippets.components.ChipExamples
 import com.example.compose.snippets.components.ComponentsScreen
 import com.example.compose.snippets.components.DialogExamples
+import com.example.compose.snippets.components.DividerExamples
 import com.example.compose.snippets.components.FloatingActionButtonExamples
 import com.example.compose.snippets.components.ProgressIndicatorExamples
 import com.example.compose.snippets.components.ScaffoldExample
@@ -97,6 +98,7 @@ class SnippetsActivity : ComponentActivity() {
                                         navController.popBackStack()
                                     }
                                     TopComponentsDestination.CheckboxExamples -> CheckboxExamples()
+                                    TopComponentsDestination.DividerExamples -> DividerExamples()
                                 }
                             }
                         }

compose/snippets/src/main/java/com/example/compose/snippets/components/Divider.kt

@@ -0,0 +1,84 @@
+/*
+ * Copyright 2024 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.compose.snippets.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.material3.VerticalDivider
+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
+
+@Preview
+@Composable
+fun DividerExamples() {
+    Column(
+        modifier = Modifier
+            .padding(16.dp)
+            .fillMaxSize(),
+        verticalArrangement = Arrangement.spacedBy(24.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+    ) {
+        Text("Column with divider", fontWeight = FontWeight.Bold)
+        HorizontalDividerExample()
+        Text("Row with divider", fontWeight = FontWeight.Bold)
+        VerticalDividerExample()
+    }
+}
+
+@Preview
+// [START android_compose_components_horizontaldivider]
+@Composable
+fun HorizontalDividerExample() {
+    Column(
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        Text("First item in list")
+        HorizontalDivider(thickness = 2.dp)
+        Text("Second item in list")
+    }
+}
+// [END android_compose_components_horizontaldivider]
+
+@Preview
+// [START android_compose_components_verticaldivider]
+@Composable
+fun VerticalDividerExample() {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(IntrinsicSize.Min),
+        horizontalArrangement = Arrangement.SpaceEvenly
+    ) {
+        Text("First item in row")
+        VerticalDivider(color = MaterialTheme.colorScheme.secondary)
+        Text("Second item in row")
+    }
+}
+// [END android_compose_components_verticaldivider]

compose/snippets/src/main/java/com/example/compose/snippets/navigation/Destination.kt

@@ -38,4 +38,5 @@ enum class TopComponentsDestination(val route: String, val title: String) {
     ScaffoldExample("scaffoldExample", "Scaffold"),
     AppBarExamples("appBarExamples", "App bars"),
     CheckboxExamples("checkboxExamples", "Checkbox"),
+    DividerExamples("dividerExamples", "Dividers"),
 }