API Reference
Complete API documentation for components, utilities, and framework core
Password
Password input with visibility toggle (extends Input component)
🔧 Props
| Property | Type | Default | Description |
|---|---|---|---|
| id | string | password-{timestamp} | Unique identifier |
| label | string | 'Password' | Label text |
| value | State|string | undefined | Input value |
| buttonClass | string | - | Toggle button classes |
| autocomplete | string | 'current-password' | Autocomplete hint |
| message | object | {} | Validation message |
| oninput | function | undefined | Input handler |
✨ Features
Extends Input component with all Input props
Independent visibility state per instance
Grid overlay pattern for toggle button
Oracle JET icons (view/view-hide)
Automatic disabled state handling
💻 Examples
Login Password
javascript•Login Password
const password = van.state('');
return Password({
label: 'Password',
value: password,
oninput: (e) => password.val = e.target.value
});▶️ Live Preview
💡 Click "Edit Code" to modify the example
🔄 Click "Apply Changes" to see your modifications
↩️ Click "Reset" to restore original code
💡 Usage Tips
🔗 Related
Explore vwf
Discover what vwf can do