Biofarma | Bind UI

Divider

A divider is used to visually separate different types of content.

To implement Divider, you can use this tag Divider in the Kotlin file.

  import id.co.biofarma.binduiandroid.components.divider.Divider

    Divider(
        type = "solid",
        direction = "horizontal",
        thickness = "thin"
    )

Set the type prop to solid or dashed for different style.

Set the thickness prop to thin, normal, or thicker for different weight of divider line.

Divider Thickness

Set the direction prop to horizontal or vertical.

Divider Direction

Pass the color prop with color value to change the default color.

Props	Required	Default	Type	description
name	false	-	`string`	Name for the divider.
direction	false	`horizontal`	`horizontal` `vertical`	Provide direction of divider (`horizontal` or `vertical`) .
style	false	-	`Modifier`	To decorate or add behavior to Compose UI elements.
thickness	false	`thin`	`thin` `normal` `thicker`	The thickness width of the divider.
type	false	`solid`	`solid` `dashed`	The visual style of the divider (`solid` or `dashed`).
color	false	-	`color`	Custom the divider color .