How to get 2 rows of subbuttons?

[javydekoning]

Goal

I'm trying to create a card for my EV

[Icon] MyCar [Range]
Button row 1: Climate Horn Light
Button row 2: Max Charge (Slider with 5% increments). 

Any ideas?

Source Yaml

sub_button:
      main:
        - entity: sensor.REMOVED_mileage
          scrolling_effect: true
          show_background: true
          state_background: false
          show_state: true
          show_attribute: false
          attribute: device_class
          show_icon: false
      bottom:
        - name: Row1
          buttons_layout: inline
          group:
            - entity: button.REMOVED_start_air_conditioner
              show_icon: true
              icon: mdi:fan
              name: Climate
              scrolling_effect: true
              show_name: true
              show_state: false
              show_last_changed: false
              tap_action:
                action: perform-action
                perform_action: button.press
                target:
                  entity_id: button.REMOVED_start_air_conditioner
                data: {}
            - entity: button.REMOVED_sound_horn
              show_icon: true
              icon: mdi:bullhorn
              name: Horn
              scrolling_effect: true
              show_name: true
              show_state: false
              show_last_changed: false
              tap_action:
                action: perform-action
                perform_action: button.press
                target:
                  entity_id: button.REMOVED_start_air_conditioner
                data: {}
            - entity: button.REMOVED_flash_lights
              show_icon: true
              icon: mdi:car-light-dimmed
              name: Lights
              scrolling_effect: true
              show_name: true
              show_state: false
              show_last_changed: false
              tap_action:
                action: perform-action
                perform_action: button.press
                target:
                  entity_id: button.REMOVED_start_air_conditioner
                data: {}
            - entity: number.REMOVED_target_charge_level
              name: Max charge
              show_name: true
              state_background: false
              show_state: true
        - name: Row2
          buttons_layout: inline
          group:
            - entity: number.REMOVED_target_charge_level
              sub_button_type: slider
              always_visible: true
              show_button_info: true
              fill_width: true
    button_type: switch
    show_attribute: false
    rows: 1.719
    button_action:
      tap_action:
        action: more-info

Which step did you already try?

I created 2 sub-button groups, but the only options available are in-line or column. Also tried

grid_options:
  rows: 3

Problem

The slider, I want to give its own row:

Read the documentation

• I have read the documentation

[javydekoning]

I'm guessing the better way is to use a "sub-button only" card: