Hi all,
Creating this card became a nightmare when trying to find the correct card. Preferably I would have loved a ‘Radio Button’ card but as it doesn’t exist, well, I need something else.
See attached image of the type of card I want to have where there is a selection (when one is “on” the rest are off). The UI layout can be different, but I really search for inspiration and perhaps someone can point me to a good card I can use?
Come on guys, show me your creative side 
Maybe something like this?
Or perhaps picture elements cards with blank images? Give each entity an icon that looks like an unselected radio button and create templates to change this to a selected radio button icon when one is clicked. Create automations to toggle all the other buttons off when one is selected. You can add text to the radio buttons using the text-element custom card from HACS.
I use button card for radio buttons for day of week:
- type: horizontal-stack
cards:
- type: custom:button-card
name: Mon
entity: input_boolean.kirsty_wakeup_monday
icon: mdi:checkbox-blank-circle
color: rgb(25, 155, 20)
state:
- value: "off"
icon: mdi:checkbox-blank-circle-outline
color: rgb(61,61,61)
- type: custom:button-card
name: Tue
entity: input_boolean.kirsty_wakeup_tuesday
icon: mdi:checkbox-blank-circle
color: rgb(25, 155, 20)
state:
- value: "off"
icon: mdi:checkbox-blank-circle-outline
color: rgb(61,61,61)
- type: custom:button-card
name: Wed
entity: input_boolean.kirsty_wakeup_wednesday
icon: mdi:checkbox-blank-circle
color: rgb(25, 155, 20)
state:
- value: "off"
icon: mdi:checkbox-blank-circle-outline
color: rgb(61,61,61)
- type: custom:button-card
name: Thu
entity: input_boolean.kirsty_wakeup_thursday
icon: mdi:checkbox-blank-circle
color: rgb(25, 155, 20)
state:
- value: "off"
icon: mdi:checkbox-blank-circle-outline
color: rgb(61,61,61)
- type: custom:button-card
name: Fri
entity: input_boolean.kirsty_wakeup_friday
icon: mdi:checkbox-blank-circle
color: rgb(25, 155, 20)
state:
- value: "off"
icon: mdi:checkbox-blank-circle-outline
color: rgb(61,61,61)
- type: custom:button-card
name: Sat
entity: input_boolean.kirsty_wakeup_saturday
icon: mdi:checkbox-blank-circle
color: rgb(25, 155, 20)
state:
- value: "off"
icon: mdi:checkbox-blank-circle-outline
color: rgb(61,61,61)
- type: custom:button-card
name: Sun
entity: input_boolean.kirsty_wakeup_sunday
icon: mdi:checkbox-blank-circle
color: rgb(25, 155, 20)
state:
- value: "off"
icon: mdi:checkbox-blank-circle-outline
color: rgb(61,61,61)
Thanks for the inspiration, I went for modding a single card, using the Button-Card and ended up with this design. Though, I might test also using horizontal-stack and use 2 x button cards next to each other, one with the icon only, the other without state and icon.
Nice, I like it
Very nice! Don’t forget to post the code so others can learn from it.
Looks great 
