SwiftUI.js
Components

SecureField

SecureField is a control that displays a secure text input field. SecureField is used for password input and other sensitive information, automatically masking the input.

SecureField is a control that displays a secure text input field. SecureField is used for password input and other sensitive information, automatically masking the input.

Examples

Basic Usage

Preview unavailable for this example in the static docs build.

Show code
<VStack spacing={16}>
      <SecureField placeholder="Enter password" />
      <SecureField placeholder="Disabled field" disabled />
    </VStack>

API

This component currently relies on inherited element props.

Inherits additional props from Omit<ITextFieldProps, 'type'>.

Overview

SecureField is a control that displays a secure text input field. SecureField is used for password input and other sensitive information, automatically masking the input.

SwiftUI Correspondence: Similar to SwiftUI's SecureField.

Notes

  • SecureField automatically masks input for security
  • SecureField supports controlled and uncontrolled modes
  • Use value and onChange for controlled inputs
  • SecureField can be disabled with the disabled prop
  • Use placeholder to provide hints about expected input

Best Practices

  1. Security: Always use SecureField for password inputs
  2. Validation: Validate password strength and requirements
  3. Placeholders: Provide clear placeholder text
  4. Accessibility: Ensure SecureField is accessible
  5. Mobile: Test on mobile devices for proper keyboard behavior

Section

Section is a container view that groups related content. Sections are commonly used in Lists to organize items into logical groups with optional headers.

SettingsLink

SettingsLink mirrors SwiftUI's settings-entry affordance while staying web-native as a standard link.

On this page

OverviewNotesBest Practices