Skip to content

The Fleet

lcards-button

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

Button Card

  • 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 the card system:

TopicWhat it covers
Common Card Propertiesid, tags, height, width, grid_options — properties shared by all cards
ColoursColour formats, state-based colour system, 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 data source 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
Data SourcesSubscribes to HA Entity to provide history and processing pipelines for cards to consume
ThemesBuilt-in token-based theming for providing colour, sizing etc.