.NET MAUI Text Input Layout (SfTextInputLayout) Overview
The Syncfusion® .NET MAUI text input layout (SfTextInputLayout) adds decorative elements like floating labels, icons, and assistive labels on top of input views such as Entry and Editor controls.
Business use cases
- Form-based applications that require structured and visually enhanced input fields for better usability.
- Login and authentication screens that use floating labels and password visibility controls.
- Data entry applications that provide validation messages and guidance using assistive labels.
- Business applications that require consistent input styling across multiple form fields.
Key features
- Floating label allows displaying labels that move dynamically based on focus and input state.
- Error label allows showing validation messages for incorrect or missing input.
- Container style allows choosing between filled and outlined input styles.
- Leading and trailing icon allows adding icons to enhance visual clarity and usability.
- Assistive label allows displaying help or hint text below input fields.
- Password visibility allows toggling password input visibility for better user experience.
Globalization
The following table summarizes the globalization support available in this control.
Full Support
Not Applicable
| Control | Localization | RTL | Time zone | Screen reader | Keyboard navigation |
|---|---|---|---|---|---|
| Text Input Layout | |
|
|
|
|
Related controls
- Numeric Entry for structured numeric input fields.
- Numeric UpDown for increment/decrement numeric input.
- OTP Input for digit‑based entry scenarios.
See Also
- Getting Started shows a step‑by‑step guide to begin using the Text Input Layout control.
- Font Customization explains how to adjust fonts to match the app’s style.
- States & Colors helps apply colors and states to give clear visual feedback.
- UI Kit provides interactive demos and ready‑made UI examples.
Resources
Feature Tour
Get a quick overview of key features and capabilities to kick start your journey.
Explore Features
Showcase Samples
Explore real-world sample apps to see components in action and learn by example.
View Samples
Tutorial Videos
Watch step‑by‑step video guides to quickly understand concepts and implementation.
Watch now
Knowledge Base
Find practical solutions, troubleshooting tips and how‑to guides for common scenarios.
Search KB's