The component gallery and AI skills guide are live. See the changelog.Changelog →

FormField / Password / OTP

StableFormsgalleryId: input

Primary: remote Kuikly H5 demo on this site. Native proof = Gallery APK. Design shots are reference only.

ShouZhuan UI is a business design system and themes; it depends on official Kuikly rendering — not an engine replacement.

Back to index

Live interactive demo

Remote Kuikly H5 preview (proves H5 — not Android/iOS/Harmony). Host Modules may degrade. Android proof: https://apk-dl.zrlmeng.com/ui.apk.

Open in new tab
Remote Kuikly H5

Props

Kotlin
NameTypeNotes
valueStringValue
onValueChange(String) → UnitChange
placeholderStringPlaceholder
enabledBooleanEnabled
errorMessageString?Error

Contracts follow platform-design App* APIs. Verify on device Gallery.

Usage snippet

Kotlin / Kuikly Compose
AppTextField(
  value = text,
  onValueChange = { text = it },
  placeholder = "请输入企业账号...",
  enabled = true,
)
Design draft reference (not Demo)wide · narrow

Static screen.png for layout QA only — not interactive. Prefer the live demo above.

FormField / Password / OTP · wide
Wide · ui_site_component_detail_input
FormField / Password / OTP · narrow
Narrow · ui_site_component_detail_input