SecureField

TextField と同じ制御規約を持つ、入力内容を隠すネイティブエディターです。

#インポート

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

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

#使い方

<Host matchContents={{ vertical: true }} style={{ width: 280 }}>
  <SecureField
    value={password()}
    placeholder="Password"
    onValueChange={setPassword}
  />
</Host>

#API リファレンス

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

`SecureField`

ソースを見る

SecureField(props: TextFieldProps): NativeNode

testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string

ソースを見る

modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]

ソースを見る

valuestring—

Controlled field value.

string

ソースを見る

placeholderstring—

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

string

ソースを見る

onValueChange(value: string, event: QuickGuiEvent) => void—

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

(value: string, event: QuickGuiEvent) => void

ソースを見る

onSubmit(event: QuickGuiEvent) => void—

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

(event: QuickGuiEvent) => void

ソースを見る

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

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

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

ソースを見る