Text Input

pub fn new(placeholder: &str, value: &str) -> Self

pub fn id(self, id: impl Into<widget::Id>) -> Self

pub fn secure(self, is_secure: bool) -> Self

pub fn on_input(self, on_input: impl Fn(String) -> Message + 'a) -> Self

pub fn on_input_maybe(
    self,
    on_input: Option<impl Fn(String) -> Message + 'a>
) -> Self

pub fn on_submit(self, message: Message) -> Self

pub fn on_submit_maybe(self, on_submit: Option<Message>) -> Self

pub fn on_paste(self, on_paste: impl Fn(String) -> Message + 'a) -> Self

pub fn on_paste_maybe(
    self,
    on_paste: Option<impl Fn(String) -> Message + 'a>
) -> Self

pub fn width(self, width: impl Into<Length>) -> Self

pub fn padding<P: Into<Padding>>(self, padding: P) -> Self

pub fn size(self, size: impl Into<Pixels>) -> Self

pub fn line_height(self, line_height: impl Into<text::LineHeight>) -> Self

pub fn font(self, font: Renderer::Font) -> Self

pub fn align_x(self, alignment: impl Into<alignment::Horizontal>) -> Self

pub fn icon(self, icon: Icon<Renderer::Font>) -> Self

pub struct Icon<Font> {
    pub font: Font,
    pub code_point: char,
    pub size: Option<Pixels>,
    pub spacing: f32,
    pub side: Side,  // Left or Right
}

pub fn style(self, style: impl Fn(&Theme, Status) -> Style + 'a) -> Self

pub enum Status {
    Active,
    Hovered,
    Focused { is_hovered: bool },
    Disabled,
}

pub struct Style {
    pub background: Background,
    pub border: Border,
    pub icon: Color,
    pub placeholder: Color,
    pub value: Color,
    pub selection: Color,
}

use iced::widget::text_input;

struct State {
   content: String,
}

enum Message {
    ContentChanged(String),
}

fn view(state: &State) -> Element<'_, Message> {
    text_input("Type something here...", &state.content)
        .on_input(Message::ContentChanged)
        .into()
}

fn update(state: &mut State, message: Message) {
    match message {
        Message::ContentChanged(content) => {
            state.content = content;
        }
    }
}

text_input("Password", &state.password)
    .secure(true)
    .on_input(Message::PasswordChanged)
    .on_submit(Message::Login)

text_input("Search...", &state.query)
    .on_input(Message::QueryChanged)
    .on_submit(Message::Search)
    .width(Length::Fill)

text_input("Name", &state.name)
    .on_input(Message::NameChanged)
    .width(300)
    .padding(15)
    .size(18)

use iced::widget::text_input;

text_input("Search...", &state.search)
    .on_input(Message::SearchChanged)
    .icon(text_input::Icon {
        font: ICON_FONT,
        code_point: '🔍',
        size: None,
        spacing: 10.0,
        side: text_input::Side::Left,
    })

let is_valid = !state.email.is_empty() && state.email.contains('@');

column![
    text_input("Email", &state.email)
        .on_input(Message::EmailChanged),
    
    button("Submit")
        .on_press_maybe(is_valid.then(|| Message::Submit))
]

// No on_input handler = disabled
text_input("Read-only", &state.readonly_value)

text_input("Paste here", &state.content)
    .on_input(Message::ContentChanged)
    .on_paste(|text| Message::Pasted(text))