Divider Line or Horizontal Line between

Why not. Change the width and color of the divider line and it should look exactly the same.

Hi Bhayu,

You should change the width and color of the divider line like this :

{
  a!sectionLayout(
    label: "Section",
    contents: {},
    divider: "BELOW",
    dividerWeight: "THICK",
    dividerColor: "#f1f50c"
  )
}

You could use two card layouts, set the 'marginBelow' on the first to "NONE" and configure the decorative bar to be at the bottom and the color of your choosing. For example:

{
  a!cardLayout(
    contents: {},
    height: "MEDIUM",
    decorativeBarPosition: "BOTTOM",
    decorativeBarColor: "#FFFF00",
    marginBelow: "NONE",
    style: "CHARCOAL_SCHEME"
  ),
  a!cardLayout(
    contents: {},
    height: "MEDIUM",
    marginBelow: "STANDARD",
    style: "CHARCOAL_SCHEME"
  )
}

....results in this:

My requirement is 

a!cardLayout(
  style: "#000000",
  padding: "NONE",
  contents: {
    a!sectionLayout(
      divider: "BELOW",
      dividerColor: "#FFF117",
      dividerWeight: "THICK",
      marginAbove: "MORE",
      marginBelow: "MORE"
    ),
    
  }
)

As you can see Harshit's and Stewart's codes, both code can fulfill your requirement.