SImpelt Hidebar eksempel

title: hidebar eksempel
kiosk_mode:
  kiosk: true
  hide_header: true
  hide_sidebar: true
  hide_menu_button: true
  hide_overflow: true
views:
  - theme: Backend-selected
    title: Forside
    path: Forside
    type: custom:grid-layout
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - show_name: true
                show_icon: true
                type: button
                name: Side1
                icon: mdi:panda
                entity: script.buttonpress
                tap_action:
                  action: navigate
                  navigation_path: /dashboard-hidebar/side1
              - show_name: true
                show_icon: true
                type: button
                name: Side2
                icon: mdi:owl
                entity: script.buttonpress
                color: rgba(10, 10, 10, 0.4)
                tap_action:
                  action: navigate
                  navigation_path: /dashboard-hidebar/side2
  - title: Side1
    path: side1
    badges: []
    cards:
      - type: grid
        title: Side1
        path: Side1
        columns: 2
        cards:
          - type: custom:button-card
            entity: light.bla_lampe_stue
            name: Stuelampe
          - type: custom:button-card
            entity: light.bla_lampe_stue
            name: Stuelampe
          - type: button
            name: Side 2
            show_name: true
            show_icon: true
            icon: mdi:sofa-outline
            entity: script.buttonpress
            tap_action:
              action: navigate
              navigation_path: /dashboard-hidebar/side2
          - type: button
            name: Forside
            show_name: true
            show_icon: true
            icon: mdi:sofa-outline
            entity: script.buttonpress
            tap_action:
              action: navigate
              navigation_path: /dashboard-hidebar/
  - title: Side2
    path: side2
    badges: []
    cards:
      - type: grid
        title: Side2
        path: Side2
        view_layout:
          grid-area: Side2
        columns: 2
        cards:
          - type: custom:button-card
            entity: light.bla_lampe_stue
            name: Stuelampe
          - type: custom:button-card
            entity: light.bla_lampe_stue
            name: Stuelampe
          - type: button
            name: Side 1
            show_name: true
            show_icon: true
            icon: mdi:sofa-outline
            entity: script.buttonpress
            tap_action:
              action: navigate
              navigation_path: /dashboard-hidebar/side1
          - type: button
            name: Forside
            show_name: true
            show_icon: true
            icon: mdi:sofa-outline
            entity: script.buttonpress
            tap_action:
              action: navigate
              navigation_path: /dashboard-hidebar/