App Search Modal

AppSearchModal

Content

Day	Night

Loading

Day	Night

Error

Day	Night

Usage

Example of a AppSearchModal in Content state:

import Backpack_SwiftUI
BPKAppSearchModal(
    title: "Search Modal",
    inputPrefix: BPKSearchInputSummary.InputPrefix.text("Prefix")
    clearAction: BPKSearchInputSummary.ClearAction(accessibilityLabel: "Clear", action: {}),
    inputHint: "Search",
    results: .content(.init(
        sections: [ /* sections */ ],
        shortcuts: [ /*  shortcuts */ ]
    )),
    inputPrefix: BPKSearchInputSummary.InputPrefix.text("Prefix"),
    clearAction: BPKSearchInputSummary.ClearAction(accessibilityLabel: "Clear", action: {}),
    closeAccessibilityLabel: "Close",
    onClose: { }
)

Example of a AppSearchModal in Loading state:

import Backpack_SwiftUI

BPKAppSearchModal(
    title: "Search Modal",
    inputText: $myText,
    inputHint: "Search",
    results: .loading(.init(accessibilityLabel: "Loading")),
    inputPrefix: BPKSearchInputSummary.InputPrefix.text("Prefix"),
    clearAction: BPKSearchInputSummary.ClearAction(accessibilityLabel: "Clear", action: {}),
    closeAccessibilityLabel: "Close",
    onClose: { /* close modal*/ }
)

Example of a AppSearchModal in Error state:

import Backpack_SwiftUI

BPKAppSearchModal(
    title: "Search Modal",
    inputText: $myText,
    inputHint: "Search",
    results: .error( .init(
        title: "Title",
        description: "This is the subtitle",
        action: .init( text: "Title for button", onActionSelected: { /* action on button Tapped */ }),
        image: Image("photo")

    )),
    closeAccessibilityLabel: "Close",
    inputPrefix: BPKSearchInputSummary.InputPrefix.text("Prefix"),
    clearAction: BPKSearchInputSummary.ClearAction(accessibilityLabel: "Clear", action: {}),
    onClose: { /* close modal*/ }
)