Pack style
Living Room
3 devices on
lvgl:
pages:
- id: component_preview
bg_color: 0x08142D
bg_opa: 100%
widgets:
- obj:
id: rs1_card
x: 0
y: 0
width: 200
height: 56
scrollbar_mode: OFF
bg_color: 0x070E1B
bg_opa: 95%
border_color: 0x162038
border_width: 1
border_opa: 20%
radius: 16
shadow_width: 0
shadow_color: 0x10B981
shadow_opa: 0%
widgets:
- bar:
id: rs1_bar
x: 4
y: 12
width: 3
height: 32
value: 100
min_value: 0
max_value: 100
bg_color: 0x0F1929
bg_opa: 100%
indicator:
bg_color: 0x10B981
bg_opa: 80%
radius: 16
- led:
id: rs1_led
x: 19
y: 24
width: 8
height: 8
color: 0x10B981
brightness: 70%
border_width: 0
radius: 50
shadow_width: 12
shadow_color: 0x10B981
- label:
id: rs1_lbl_name
x: 39
y: 18
width: 99
height: 18
text: 'Living Room'
text_color: 0xF1F5F9
text_font: montserrat_14
text_align: LEFT
long_mode: CLIP
- label:
id: rs1_lbl_sub
x: 39
y: 38
width: 99
height: 14
text: '3 devices on'
text_color: 0x8E9FB8
text_font: montserrat_10
text_align: LEFT
long_mode: CLIP
- switch:
id: rs1_sw
x: 140
y: 14
width: 48
height: 28
bg_color: 0x0F1929
bg_opa: 100%
radius: 11
indicator:
bg_color: 0x10B981
bg_opa: 100%
knob:
bg_color: 0xFFFFFF
bg_opa: 100%
radius: 100%200 × 56
Presets4
Layout4
Dimensions
Width
px
Height
px
Room switch with status LED, accent bar, and toggle. Clean layout for smart home control panels.