OH3 Standard height and shadow

Add-ons UIs
4

Hi,

So I did an F12 / Inspect. Used Ctrl + Shift + C to select the default card. Filtered the applied styles for height, shadow and radius. Copied the styles from the default card and added to the styles of the custom widget.

Styles
Styles1919×576 65.7 KB

component: f7-card
config:
  title: '=(props.item) ? "State of " + props.item : "Set props to test!"'
  footer: =props.prop1
  content: =items[props.item].displayState || items[props.item].state
  style:
    height: 120px
    border-radius: var(--f7-card-expandable-border-radius)
    box-shadow: var(--f7-card-expandable-box-shadow)