OudsVerticalDivider
fun OudsVerticalDivider(modifier: Modifier = Modifier, color: OudsDivider.Color = OudsDivider.Color.Default)
Dividers are used to visually structure an interface by clearly separating content sections. It helps to improve readability and content organization without introducing a strong hierarchy like a heading or a container would.
The vertical divider renders an vertical line to separate horizontally aligned elements.
The color of the divider can be specified using the OudsDivider.Color enum, and the thickness is defined by the current theme's divider border width. Note that a divider border width token set to 0 dp will produce a single pixel divider regardless of screen density.
Parameters
modifier
Modifier applied to the divider.
color
The color of the divider, chosen from the OudsDivider.Color enum. Default value set to OudsDivider.Color.Default.
Samples
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import com.orange.ouds.core.component.OudsHorizontalDivider
import com.orange.ouds.core.component.OudsVerticalDivider
import com.orange.ouds.core.theme.OudsTheme
fun main() {
//sampleStart
Row(modifier = Modifier.padding(OudsTheme.spaces.fixed.short)) {
Text(text = "Start")
OudsVerticalDivider(modifier = Modifier.fillMaxWidth())
Text(text = "End")
}
//sampleEnd
}