Skip to main content

Accordion

Family: Inputs & Forms
Namespace: Tessera.Controls

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

When to use​

  • You need a Accordion-style interaction inside the inputs & forms 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 Accordion
{
    Title = "Accordion"
};

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

Common pitfalls​

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

Public properties​

PropertyType
BodyStyleTesseraStyle
CollapsedMarkerstring
DisabledItemStyleTesseraStyle
ExpandedItemStyleTesseraStyle
ExpandedMarkerstring
FocusedTitleStyleTesseraStyle
FocusMarkerstring
ItemStyleTesseraStyle
SelectedIndexint
SelectedItemStyleTesseraStyle
SelectedMarkerstring
ShowFocusMarkerbool
Titlestring
TitleStyleTesseraStyle
UnselectedMarkerstring

Public events​

This control currently exposes no public events.