Skip to content

Latest commit

 

History

History
64 lines (41 loc) · 1.65 KB

File metadata and controls

64 lines (41 loc) · 1.65 KB

Button Module

Interactive buttons with multiple styles, icons, and action configurations.

Features

  • Multiple button styles - Flat, glossy, embossed, gradient, neon, glass, metallic
  • Icon support - Optional icons before or after text
  • Hover effects - Color change, scale, glow, lift effects
  • Action types - Toggle, more-info, navigate, call-service
  • Alignment options - Left, center, right, or full-width justify

Configuration

Basic Settings

  • Button Text - Text to display on button
  • Button Style - Visual style (flat, glossy, embossed, etc.)
  • Alignment - How button is positioned in container

Icon Settings

  • Show Icon - Enable/disable icon display
  • Icon - Choose icon (e.g., mdi:home)
  • Icon Position - Before or after text

Colors

  • Background Color - Button background
  • Text Color - Button text color

Hover Effects

  • Effect Type - None, color change, scale, glow, lift
  • Hover Color - Color when hovering
  • Glow Color - Glow effect color

Actions

  • Tap Action - Action when button is tapped
  • Hold Action - Action when button is held down
  • Double Tap Action - Action when button is double-tapped

Action Types

  • Toggle - Toggle entity state
  • More Info - Show entity more-info dialog
  • Navigate - Navigate to dashboard path
  • Call Service - Call Home Assistant service
  • None - No action

Examples

Light Toggle

Button to toggle living room light with lightbulb icon.

Scene Activation

Button to activate "Movie Night" scene with film icon.

Navigation Button

Button to navigate to energy dashboard with chart icon.