Dev experience · 14

TypeScript types preview

Syntax-styled interface/type definitions with collapsible nested types. Toggles use aria-expanded so a screen reader hears the state.

Production answer

TypeScript types preview is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview TypeScript types preview states
Generative search brief

TypeScript types preview: Syntax-styled interface/type definitions with collapsible nested types. Toggles use aria-expanded so a screen reader hears the state.

@mufflermen/sdk/types · quote.d.ts
TypeScript@mufflermen/sdk/quote.d.ts
  • interface Quote {Output shape returned by quotes.create
    • id: stringqte_…
    • status: 'draft' | 'sent' | 'accepted' | 'expired'
    • totalAud: numberTax-inclusive total
    • validUntil: stringISO 8601
    • lineItems: QuoteLineItem[]
      • interface QuoteLineItem {
        • partId?: string
        • labourId?: string
        • qty: number
        • subtotalAud: number
      • }
    • bay: BayReservation
  • }
Behaviour

Each row is a single node; rows with children get a caret button that toggles child visibility. defaultOpen=false on BayReservation shows how to start a deep type collapsed. Indent depth scales by 14px per level.