Input
Custom input component.
Installation
Copy the following code into your app directory.
sapphireui add component inputUsage
Make sure to correctly set your imports relative to the component.
from components.base_ui.input import input
Examples
Below are examples demonstrating how the component can be used.
Basic Demo
A simple text input demonstrating the default appearance and behavior.
Text Input
An input field optimized for email address entry.
Email Input
Password
An input field that hides characters for secure password entry.
Password Input
Disabled
An example of an input field in a disabled state.
Disabled Input
File Input
An input field for selecting and uploading files.
File Input
Custom Input
An input field with a custom width and styling.
Custom Width