Skip to content

Layout Formatting

Aligning cards

If you want to alight cards to the center, right. Or only 1 card on the right it can be done using a blank-card.

Center

chip_center

# Card in the Center
horizontal_stack:
  cards:
    - type: "custom:button-card"
      color_type: blank-card

    - type: custom:button-card
      template: chip_icon_label
      label: Your Card Here

    - type: "custom:button-card"
      color_type: blank-card
Right

chip_right

# Card in the Center
horizontal_stack:
  cards:
    - type: "custom:button-card"
      color_type: blank-card

    - type: custom:button-card
      template: chip_icon_label
      label: Your Card Here
Left & Right

chip_left_right

# Card in the Center
horizontal_stack:
  cards:
    - type: custom:button-card
      template: chip_icon_label
      label: Your left card here

    - type: "custom:button-card"
      color_type: blank-card

    - type: custom:button-card
      template: chip_icon_label
      label: Your right card here