Q: How to style Banner Card to match my Home Assistant theme?

Override CSS custom properties like --banner-card-heading-size in your theme configuration. The card uses these vars to integrate with Home Assistant's theming system, ensuring visual consistency across your dashboard.

Q: What's the difference between Banner Card and Mushroom Card for Home Assistant?

Banner Card specializes in creating banner-like headers with entity glances and linkability, ideal for area summaries. Mushroom Card offers more varied card types and layouts, so choose Banner for visual banners and Mushroom for diverse dashboard elements.

Q: How to make an entity button call a service in Banner Card?

Use the 'action' property in the entity configuration to specify a service and parameters. For instance, to turn on a light with specific brightness, define the service and brightness level as demonstrated in the entity action section.

Q: Does Banner Card support background images?

Yes, set the background to a URL for an image, like 'url("https://source.unsplash.com/random/500x300")', as shown in examples. This allows for personalized or dynamic backgrounds to enhance dashboard visuals.

Question 1

How to add icons to the heading in Banner Card?

Accepted Answer

Use an array in the heading configuration with MDI or Hass icon sets, like [mdi:shower, 'Bathroom'], as shown in the README. This allows flexible combinations of icons and text without relying on Unicode hacks.

Question 2

Can Banner Card conditionally show entities based on state?

Accepted Answer

Yes, with the 'when' property using operators such as =, !=, >, and <, you can filter entities by state or attributes. For example, to display a light only when it's on and above 50% brightness.

Question 3

How to style Banner Card to match my Home Assistant theme?

Accepted Answer

Override CSS custom properties like --banner-card-heading-size in your theme configuration. The card uses these vars to integrate with Home Assistant's theming system, ensuring visual consistency across your dashboard.

Question 4

What's the difference between Banner Card and Mushroom Card for Home Assistant?

Accepted Answer

Banner Card specializes in creating banner-like headers with entity glances and linkability, ideal for area summaries. Mushroom Card offers more varied card types and layouts, so choose Banner for visual banners and Mushroom for diverse dashboard elements.

Question 5

How to make an entity button call a service in Banner Card?

Accepted Answer

Use the 'action' property in the entity configuration to specify a service and parameters. For instance, to turn on a light with specific brightness, define the service and brightness level as demonstrated in the entity action section.

Question 6

Does Banner Card support background images?

Accepted Answer

Yes, set the background to a URL for an image, like 'url("https://source.unsplash.com/random/500x300")', as shown in examples. This allows for personalized or dynamic backgrounds to enhance dashboard visuals.

Banner Card

What is Banner Card?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions