The cards you see on the overview tabs are a type of list card.
You also often see the list card used with an oh-repeater.
At a high level, an oh-list-card is a container that lets you add oh-X-item widgets as rows.
The code for the battery example can be found at Battery Level Status.
The base widget is an oh-list-card and the oh-repeater is inserted in the first slot. The repeater will look through the Items that meet the filter and generate an oh-list-item for each.
But you donāt have to use a repeater. You can insert oh-X-item widgets in the slots manually, one after the other to populate the rows.
Iāve never tried to configure an oh-list-card manually through the UI though. Iāve always used the widget builder under developer tools and hand coded the YAML. But I just tried it and it seems to be working as I expected. But Iām on OH 5 M2 so maybe something was fixed?
When you click the + you should get an option to choose an āX itemā widget which you should be able to separately configure. That will become row 1. Then click plus again and configure row 2 and so on.
These are the steps I took:
-
Added a row and columns to hold the card.
-
Click the + and selected āList Cardā as the widget.
-
I click the + in the widget and chose an appropriate widget. In this case I choose a Label Item widget. Now there is a new black and white configuration icon.
-
I click that configuration icon to configure the Label Item widget.
And at that point it crashed on me. 
Iām not sure why nor whether the problem is the browser or what. That will require some debugging I donāt have right now.
But a simple two row widget built by hand would look something like this:
uid: widget_5b016e0c58
props:
parameterGroups: []
parameters: [ ]
tags: []
component: oh-list-card
config:
title: 'Times of Day'
footer: 'Populated by Astro'
slots:
default:
- component: oh-label-item
config:
title: "='Default day: ' + @'Default_Day'"
icon: f7:clock
iconColor: red
- component: oh-label-item
config:
title: "='Default evening: ' + @'Default_Evening'"
icon: f7:clock
iconColor: green
which renders
That ought to get you by for now. But console logs from the browser and an issue will need to be filed so that the fact that clicking on + doesnāt work.
Note, when in the YAML editor, it has intellisence. Hitting ctrl-space will bring up all the correct ways to complete the field you are on of the correct fields you can enter at that point. Itās Item aware too so if you refernce an Item using items.
or @
(which is a shorthand for use the display state of the Item or the raw state if there isnāt a display state) youāll get a searchable list fo Items to choose from. So hand coding these is not that much more of a pain.