Input
Profile
A typical sign-up form using text, email, and password inputs.
Input Types
Each HTML input type rendered with a contextual placeholder.
Text
Email
Password
URL
Phone
Search
Number
States
Default, populated, invalid, disabled, and read-only.
Default
Please enter a valid email address.
Usage
use maud_ui::primitives::input;
let html = input::render(input::Props {
name: "email".into(),
input_type: input::InputType::Email,
placeholder: "you@example.com".into(),
id: "email-field".into(),
required: true,
..Default::default()
});