Skip to content

The Fleet

Button Card

lcards-button

All standard LCARS buttons, plus advanced multi-segment controls.

  • Built-in preset library: lozenge, bullet, capped, outline, pill, text, and more
  • Component mode — embed SVG components (D-pad, Alert, custom shapes) with per-segment interactivity
  • Canvas-based background animations — stackable layers with zoom and pan
  • Rules Engine integration — styles hot-patched at runtime

Button Documentation

Common Card Features

Features and concepts shared across all cards.

TopicWhat it covers
Common Card Propertiesid, tags, height, width, grid_options — properties shared by every card
ColoursAll accepted colour formats, state-based colour maps, resolution order
Actionstap_action, hold_action, double_tap_action — all action types and options
Text FieldsMulti-field text system — placement, fonts, colour, templates
TemplatesDynamic content: JS, Jinja2, LCARdS token datasource templates
AnimationsPer-card animations with multiple trigger types
Background AnimationsCanvas-based animated backgrounds (grid, starfield, nebula, etc.)
Sound EffectsLCARS-style audio feedback for interactions and alerts
Rules EngineAdvanced conditional system for styling applied across cards
DataSourcesSubscribes to HA Entity to provide history and processing pipelines for cards to consume
ThemesBuilt-in token-based theming for providing colour, sizing etc.