Skip to main content

Sparkline

Family: Dashboards & Plots
Namespace: Tessera.Controls

Use Sparkline when this interaction is the best match for your screen workflow.

When to use

  • You need a Sparkline-style interaction inside the dashboards & plots lane.
  • A titled widget surface improves scanability in dense shells.
  • The control is mainly presentational or state-driven through property updates.

Minimal usage

csharp.cs
using Tessera.Controls;
using Tessera.Layout;

var widget = new Sparkline
{
    Title = "Sparkline"
};

return Screen.Build(window => window.Body(body => body.Center(widget, width: 44, height: 9)));

Common pitfalls

  • Do not choose Sparkline by name only; validate it against the target workflow.
  • Keep this control scoped to the dashboards & plots concern; avoid cross-layer state coupling.
  • Set focused/normal styles intentionally so keyboard focus remains obvious.

Public properties

PropertyType
BorderBorderStyle
BorderStyleTextTesseraStyle
Capacityint
DataStyleTesseraStyle
DisabledStyleTesseraStyle
EmptyTextstring
EmptyTextStyleTesseraStyle
FocusedBorderStyleTextTesseraStyle
FocusedTitleStyleTesseraStyle
FocusMarkerstring
MaxValuedouble?
MetaStyleTesseraStyle
MinValuedouble?
OptionsSparklineOptions?
PaddingThickness
ShowFocusMarkerbool
Titlestring
TitleStyleTesseraStyle

Public events

This control currently exposes no public events.