本文へスキップ

Toggle

制御されたネイティブ SwiftUI オン/オフスイッチです。

#インポート

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

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

#使い方

<Host matchContents>
  <Toggle
    label="Notifications"
    isOn={notifications()}
    onIsOnChange={setNotifications}
  />
</Host>

#API リファレンス

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

Toggle(props: ToggleProps): NativeNode
testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string
ソースを見る
modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]
ソースを見る
isOnboolean—

Controlled SwiftUI `isOn` value.

boolean
ソースを見る
labelstring—

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

string
ソースを見る
onIsOnChange(isOn: boolean, event: QuickGuiEvent) => void—

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

(isOn: boolean, event: QuickGuiEvent) => void
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る