← Back to Index

Search Secondary Button Figma: search secondary buttons scaffold/atom

Updated: 2026-07-02 13:37 ET

Audited: 2026-07-02 13:37 ET

Reusable secondary-action chip — a generic icon placeholder plus a short label — for the search / Flight Finder screen.
Figma: Components section, node 4381:10609 · live file owEYzHf7FrHRvWC2u82UOl ("ALPA mobile app") · captured 2026-07-02 · decision D42
Resolves an open TBD from D22 (2026-06-23). D22 provisionally classified this component as domain-control tier with code name TBD, pending confirmation of whether it "carries domain data." Live capture shows both variants use only a generic icon-generic placeholder glyph and a plain text label ("Recent" in the sample) — no flight/domain-specific fields. Resolved 2026-07-02: scaffold/atom tier, code name SearchSecondaryButton.

Live CSS Preview

Property 1 = Default (103×38)
Recent
Property 1 = Variant2 (79×63)
Recent

States

VariantDimensionsLayoutSample content
Default103 × 38Horizontal pill: icon + label"Recent"
Variant279 × 63Stacked: icon above label"Recent"

Both variants carry identical text/icon content in the sample capture — the difference is layout (horizontal pill vs stacked tile), likely for different placement contexts (e.g. inline row vs grid of quick-access tiles).

Design Tokens

Container

Fill
#5d6471
Stroke
#05273e

Icon

Instance
icon-generic (placeholder)
Placeholder fill
#d9d9d9
Size
22 × 22 px

Label text

Font family
League Spartan (flagged — see below)
Font size
15 px
Color
#05273e

Typography flag: the label text renders in League Spartan, which per D33 is a MEC-theme-only font (UAL). This may be an unintentional Figma override (same pattern as the corrected "Futura LT Pro" case, DQ-1) — see design-tokens.html for the full flag. Not resolved this pass.

Icon Note

The icon instance is icon-generic — the same interim placeholder glyph documented in asset-inventory.html (node 4038:3392, "Generic placeholder glyph"). The #d9d9d9 fill is Figma's own unlinked-instance gray, not a real design token — the actual icon for each usage ("Recent", and likely "Favorites"/similar) is not yet assigned in the design file.

Layer Tree

└── search secondary buttons · COMPONENT_SET · 2 states (Default / Variant2)
    ├── icon-generic · INSTANCE · 22×22 · placeholder glyph
    └── text · TEXT · League Spartan 15px · #05273e (e.g. "Recent")

ViewModel

New scaffold/atom ViewModel. Spec-only; not yet in ComponentViewModels.cs.

└── SearchSecondaryButtonViewModel : SurfaceViewModel
    ├── Label : string — e.g. "Recent", "Favorites"
    ├── Icon : string? — icon key (placeholder pending real icon assignment)
    ├── Layout : enum { Inline, Stacked } — Default vs Variant2
    └── TapCommand : ICommand (inherited from SurfaceViewModel)

Developer Notes