Button

テキスト、SF Symbol、セマンティックロール、押下処理に対応したネイティブ SwiftUI Button です。

#インポート

@quickgui/solid/swift-ui から Button をインポートします。

import { Host, Button } from "@quickgui/solid/swift-ui";

<Host matchContents>
  <Button
    label="Continue"
    systemImage="arrow.right"
    onPress={continueFlow}
  />
</Host>

項目を展開すると説明と完全なシグネチャが表示されます。ダッシュは宣言に既定値が記載されていないことを示します。

Button(props: ButtonProps): NativeNode

testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string

modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]

labelstring—

The text label for a simple button.

string

systemImagestring—

An SF Symbols name shown beside `label`.

string

roleButtonRole—

Semantic SwiftUI button role.

ButtonRole

onPress(event: QuickGuiEvent) => void—

Called when the native SwiftUI button is pressed.

(event: QuickGuiEvent) => void

targetstring—

Identifier reserved for widget and live-activity button targets.

string

childrenunknown—

Optional nested text used as the label when `label` is omitted.

unknown

ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode