iOS — Swift Package Manager

.package(url: "https://github.com/AY-Org/eb-ds-ios", from: "1.0.0")

Android — Gradle (Kotlin DSL)

implementation("com.eastblue.ds:modal:1.0.0")

Import

import EastBlueDS
import com.eastblue.ds.modal.*

Planned API — the native library does not exist yet. The artifact is the Modal family: this component, <a href="/components/modal-transaction-receipt">Modal - Transaction Receipt</a> and <a href="/components/modal-transaction-receipt-entry">its Entry</a> all ship in <code>com.eastblue.ds:modal</code> and import <code>com.eastblue.ds.modal.*</code>.

Five properties, in the order the Figma property panel lists them. title and description have no rows because #title and #description are text layers rather than component properties — a designer sets them by overriding the layer. Each boolean keeps its own parameter beside the slot it gates rather than the slot being inferred from a nil, so every Figma property traces 1:1 for Code Connect. actionOrientation is a parameter in both languages rather than a SwiftUI modifier: it changes the layout of the action area, not the component’s appearance.

EBModal(
    title: "Delete this recipient?",
    description: "You can add them again at any time.",
    actionOrientation: .vertical
)

EBModal(
    title = "Delete this recipient?",
    description = "You can add them again at any time.",
    actionOrientation = EBActionOrientation.Vertical
)

EBModal(
    title: "Delete this recipient?",
    description: "You can add them again at any time.",
    actionOrientation: .horizontal
)

EBModal(
    title = "Delete this recipient?",
    description = "You can add them again at any time.",
    actionOrientation = EBActionOrientation.Horizontal
)

1 component set × 2 ActionOrientation values = 2 variants. hasDescription and hasIcon are boolean component properties, so they switch the description and the illustration without multiplying the set, and both slots take their content by swap rather than by variant.