Card Row

↔️ Row Card (row)

Puts several cards side by side on one line, each taking the same width. Two switches, two blinds, a light next to a fan…

In the builder (since 1.2.9): + Add a card to the row opens the normal card form; its button Save in the row puts the card back in the row, and ✕ Close returns to the row. ✎ edits a card of the row, ↑ ↓ reorder them.

📸 Preview

✨ Features & Possibilities

• Any card can go in a row, with its usual options.
• All the cards share the width equally.
• Best with 2 cards, at most 3: the remote's screen is 480 px wide. Pick the narrow layouts where a card has them (e.g. vertical for a Select).

⚙️ Options Reference

Parameter	Type	Default	Description
type	string	—	row
cards	list	—	The cards, each written like a card of a page: { "type", "options" }.

📄 JSON Configuration Example

{
  "type": "row",
  "options": {
    "cards": [
      { "type": "cover", "options": { "entity_id": "cover.living_room_left", "name": "Left", "layout": "vertical" } },
      { "type": "cover", "options": { "entity_id": "cover.living_room_right", "name": "Right", "layout": "vertical" } }
    ]
  }
}

{
  "type": "row",
  "options": {
    "cards": [
      { "type": "switch", "options": { "entity_id": "switch.towel_heater", "name": "Towels", "icon": "heater" } },
      { "type": "switch", "options": { "entity_id": "fan.bathroom", "name": "Fan", "icon": "fan" } }
    ]
  }
}

💡 Before 1.2.9, the row was JSON only: build each card as a normal card, copy their JSON, then wrap them in a row.

See also: Builder