Components

SettingsLink

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

Example

Requires React 18.2+ or 19 and shared styles. See setup.

Default

Loading preview…

Code

'use client';
import { SettingsLink } from '@swiftuijs/ui';
export default function Example() {
    return (<SettingsLink></SettingsLink>);
}

Destination Override

Prop	Type	Required	Description
`href`	`string`	No	—
`label`	`string`	No	—

Inherits additional props from Omit<IBaseElementComponent<'a'>, 'children' | 'href'>.

SecureField

Enter a password through a native, visually masked input.

Capsule

Capsule renders a pill-shaped surface with fully rounded ends, aligned with SwiftUI's `Capsule` mental model.