Documentation
Examples
Changelog
Page templates
Settings
Forms
Select menus
Text fields
Clipboard
Date and time
File upload
Option selection
Text fields
Use these text field examples to collect typed values, including URLs, currency, passwords, masked input, validation states, and quick actions.
Simple with helper
Preview
Code
Enter your name
Name should match your ID
Website URL
Preview
Code
Personal website
https://
With error
Preview
Code
Email
This field is required
Currency
Preview
Code
Enter amount
$
USD
With action inside
Preview
Code
With action outside
Preview
Code
Email
Send
With hotkey attachment
Preview
Code
/
With character count
Preview
Code
Comment
0 / 100 characters
Password
Preview
Code
Password
Password with confirmation
Preview
Code
New password
Confirm new password
At least 8 characters
At least 1 lowercase letter
At least 1 uppercase letter
At least 1 number
At least 1 special character
Passwords must match
With mask
Preview
Code
Credit card number
Professionally crafted React & Figma components for building beautiful products or starting your own design system
Documentation
Overview
Design tokens
Theming playground
Resources
Changelog
Roadmap
Blog
Checklist
Built with Reshaped in Amsterdam ❤️
Contact us
·
© Reshaped 2026