ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

PasswordInput

Password field with built-in show/hide toggle using embedded eye icons.

Basic Usage

Simple password field with visibility toggle.

Password setNo password

Confirm Password

Password confirmation pattern for registration.

Login Form

Password used in a sign-in card.

Sign In

Change Password

Update password in account settings.

Registration

Complete sign-up form with password.

Without Label

Standalone password fields relying on placeholder.

Usage

demoPassword = ""// Basic password field<PasswordInput label="Password" bind={demoPassword} placeholder="Enter password" />// In a login form<Card> <Input label="Email" bind={email} /> <PasswordInput label="Password" bind={password} /> <Button>Sign In</Button></Card>

Props

PropTypeDefaultDescription
labeltext""Label text above field
bindbinding-Two-way binding for password value
placeholdertext""Placeholder text