Struct TextInput 

pub struct TextInput<'a, Message, Renderer = Renderer>
where
    Renderer: Renderer + Renderer,
{ /* private fields */ }

A Material 3 outlined text field with an animated floating label.

Implementations

impl<'a, Message, Renderer> TextInput<'a, Message, Renderer>

where Message: Clone + 'a, Renderer: Renderer + Renderer + 'a,

pub fn new(label: impl IntoFragment<'a>, value: &str) -> Self

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

Examples found in repository

examples/showcase/app.rs (line 684)

fn login_dialog(state: &Showcase, alpha: f32) -> material::Element<'_, Message> {
    let body = iced::widget::Column::new()
        .spacing(material::widget::page::STACK_SPACING)
        .push(
            material::widget::text_input::outlined("Account", &state.dialog_account)
                .id(dialog_account_input_id())
                .on_input(Message::DialogAccountChanged)
                .alpha(alpha),
        )
        .push(
            material::widget::text_input::outlined("Password", &state.dialog_password)
                .secure(true)
                .on_input(Message::DialogPasswordChanged)
                .on_submit(Message::DialogConfirmed)
                .alpha(alpha),
        )
        .push(material::widget::checkbox::standard_with_alpha(
            state.dialog_remember_password,
            "Remember password",
            Message::DialogRememberPasswordChanged,
            alpha,
        ));

    let options = material::widget::dialog::AlphaOptions::default().alpha(alpha);

    material::widget::dialog::content_with(
        "Sign in",
        body,
        material::widget::dialog::actions([
            material::widget::dialog::action_button_with(
                "Cancel",
                Message::DialogDismissed,
                options,
            ),
            material::widget::dialog::action_button_with(
                "Log in",
                Message::DialogConfirmed,
                options,
            ),
        ]),
        options,
    )
    .into()
}

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

Examples found in repository

examples/showcase/app.rs (line 690)

fn login_dialog(state: &Showcase, alpha: f32) -> material::Element<'_, Message> {
    let body = iced::widget::Column::new()
        .spacing(material::widget::page::STACK_SPACING)
        .push(
            material::widget::text_input::outlined("Account", &state.dialog_account)
                .id(dialog_account_input_id())
                .on_input(Message::DialogAccountChanged)
                .alpha(alpha),
        )
        .push(
            material::widget::text_input::outlined("Password", &state.dialog_password)
                .secure(true)
                .on_input(Message::DialogPasswordChanged)
                .on_submit(Message::DialogConfirmed)
                .alpha(alpha),
        )
        .push(material::widget::checkbox::standard_with_alpha(
            state.dialog_remember_password,
            "Remember password",
            Message::DialogRememberPasswordChanged,
            alpha,
        ));

    let options = material::widget::dialog::AlphaOptions::default().alpha(alpha);

    material::widget::dialog::content_with(
        "Sign in",
        body,
        material::widget::dialog::actions([
            material::widget::dialog::action_button_with(
                "Cancel",
                Message::DialogDismissed,
                options,
            ),
            material::widget::dialog::action_button_with(
                "Log in",
                Message::DialogConfirmed,
                options,
            ),
        ]),
        options,
    )
    .into()
}

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

Examples found in repository

examples/showcase/pages/inputs.rs (line 8)

pub(super) fn view(state: &Showcase) -> material::Element<'_, Message> {
    let input = material::widget::text_input::outlined("Write a note", &state.note)
        .on_input(Message::TextChanged);

    let editor = material::widget::text_editor::outlined_area(&state.editor_content)
        .placeholder("Write details")
        .on_action(Message::EditorAction);

    let select_options = ["Assist", "Suggestion", "Filter"];
    let select = material::widget::select::outlined(
        select_options,
        state.select_choice,
        Message::SelectChanged,
    )
    .placeholder("Choose a chip")
    .label("Chip type");

    let combobox = material::widget::combobox::outlined_with_input(
        &state.combobox_options,
        "Search a chip",
        &state.combobox_input,
        state.combobox_choice.as_ref(),
        Message::ComboboxSelected,
    )
    .label("Searchable chip")
    .on_input(Message::ComboboxInputChanged);

    page::sections([
        page::section("Text fields", page::stack([input.into(), editor.into()])).into(),
        page::section(
            "Selection fields",
            page::stack([select.into(), combobox.into()]),
        )
        .into(),
        page::section("Pickers", pickers(state)).into(),
        page::section("Search", search_bar(state)).into(),
        page::section("Dividers", dividers()).into(),
    ])
    .into()
}

examples/showcase/app.rs (line 685)

fn login_dialog(state: &Showcase, alpha: f32) -> material::Element<'_, Message> {
    let body = iced::widget::Column::new()
        .spacing(material::widget::page::STACK_SPACING)
        .push(
            material::widget::text_input::outlined("Account", &state.dialog_account)
                .id(dialog_account_input_id())
                .on_input(Message::DialogAccountChanged)
                .alpha(alpha),
        )
        .push(
            material::widget::text_input::outlined("Password", &state.dialog_password)
                .secure(true)
                .on_input(Message::DialogPasswordChanged)
                .on_submit(Message::DialogConfirmed)
                .alpha(alpha),
        )
        .push(material::widget::checkbox::standard_with_alpha(
            state.dialog_remember_password,
            "Remember password",
            Message::DialogRememberPasswordChanged,
            alpha,
        ));

    let options = material::widget::dialog::AlphaOptions::default().alpha(alpha);

    material::widget::dialog::content_with(
        "Sign in",
        body,
        material::widget::dialog::actions([
            material::widget::dialog::action_button_with(
                "Cancel",
                Message::DialogDismissed,
                options,
            ),
            material::widget::dialog::action_button_with(
                "Log in",
                Message::DialogConfirmed,
                options,
            ),
        ]),
        options,
    )
    .into()
}

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

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

Examples found in repository

examples/showcase/app.rs (line 692)

fn login_dialog(state: &Showcase, alpha: f32) -> material::Element<'_, Message> {
    let body = iced::widget::Column::new()
        .spacing(material::widget::page::STACK_SPACING)
        .push(
            material::widget::text_input::outlined("Account", &state.dialog_account)
                .id(dialog_account_input_id())
                .on_input(Message::DialogAccountChanged)
                .alpha(alpha),
        )
        .push(
            material::widget::text_input::outlined("Password", &state.dialog_password)
                .secure(true)
                .on_input(Message::DialogPasswordChanged)
                .on_submit(Message::DialogConfirmed)
                .alpha(alpha),
        )
        .push(material::widget::checkbox::standard_with_alpha(
            state.dialog_remember_password,
            "Remember password",
            Message::DialogRememberPasswordChanged,
            alpha,
        ));

    let options = material::widget::dialog::AlphaOptions::default().alpha(alpha);

    material::widget::dialog::content_with(
        "Sign in",
        body,
        material::widget::dialog::actions([
            material::widget::dialog::action_button_with(
                "Cancel",
                Message::DialogDismissed,
                options,
            ),
            material::widget::dialog::action_button_with(
                "Log in",
                Message::DialogConfirmed,
                options,
            ),
        ]),
        options,
    )
    .into()
}

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

pub fn error(self, is_error: bool) -> Self

pub fn alpha(self, content_alpha: f32) -> Self

Examples found in repository

examples/showcase/app.rs (line 686)

fn login_dialog(state: &Showcase, alpha: f32) -> material::Element<'_, Message> {
    let body = iced::widget::Column::new()
        .spacing(material::widget::page::STACK_SPACING)
        .push(
            material::widget::text_input::outlined("Account", &state.dialog_account)
                .id(dialog_account_input_id())
                .on_input(Message::DialogAccountChanged)
                .alpha(alpha),
        )
        .push(
            material::widget::text_input::outlined("Password", &state.dialog_password)
                .secure(true)
                .on_input(Message::DialogPasswordChanged)
                .on_submit(Message::DialogConfirmed)
                .alpha(alpha),
        )
        .push(material::widget::checkbox::standard_with_alpha(
            state.dialog_remember_password,
            "Remember password",
            Message::DialogRememberPasswordChanged,
            alpha,
        ));

    let options = material::widget::dialog::AlphaOptions::default().alpha(alpha);

    material::widget::dialog::content_with(
        "Sign in",
        body,
        material::widget::dialog::actions([
            material::widget::dialog::action_button_with(
                "Cancel",
                Message::DialogDismissed,
                options,
            ),
            material::widget::dialog::action_button_with(
                "Log in",
                Message::DialogConfirmed,
                options,
            ),
        ]),
        options,
    )
    .into()
}

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

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

Trait Implementations

impl<Message, Renderer> Debug for TextInput<'_, Message, Renderer>

where Renderer: Renderer + Renderer,

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl<'a, Message, Renderer> From<TextInput<'a, Message, Renderer>> for Element<'a, Message, Theme, Renderer>

where Message: Clone + 'a, Renderer: Renderer + Renderer + 'a,

fn from(text_input: TextInput<'a, Message, Renderer>) -> Self

Converts to this type from the input type.

impl<Message, Renderer> Widget<Message, Theme, Renderer> for TextInput<'_, Message, Renderer>

where Message: Clone, Renderer: Renderer + Renderer,

fn tag(&self) -> Tag

Returns the Tag of the Widget.

fn state(&self) -> State

Returns the State of the Widget.

fn children(&self) -> Vec<Tree>

Returns the state Tree of the children of the Widget.

fn diff(&self, tree: &mut Tree)

Reconciles the Widget with the provided Tree.

fn size(&self) -> Size<Length>

Returns the Size of the Widget in lengths.

fn layout( &mut self, tree: &mut Tree, renderer: &Renderer, limits: &Limits, ) -> Node

Returns the layout::Node of the Widget.

fn operate( &mut self, tree: &mut Tree, layout: Layout<'_>, renderer: &Renderer, operation: &mut dyn Operation, )

Applies an Operation to the Widget.

fn update( &mut self, tree: &mut Tree, event: &Event, layout: Layout<'_>, cursor: Cursor, renderer: &Renderer, clipboard: &mut dyn Clipboard, shell: &mut Shell<'_, Message>, viewport: &Rectangle, )

Processes a runtime Event.

fn mouse_interaction( &self, tree: &Tree, layout: Layout<'_>, cursor: Cursor, viewport: &Rectangle, renderer: &Renderer, ) -> Interaction

Returns the current mouse::Interaction of the Widget.

fn draw( &self, tree: &Tree, renderer: &mut Renderer, theme: &Theme, defaults: &Style, layout: Layout<'_>, cursor: Cursor, viewport: &Rectangle, )

Draws the Widget using the associated Renderer.

fn size_hint(&self) -> Size<Length>

Returns a Size hint for laying out the Widget.

fn overlay<'a>( &'a mut self, _tree: &'a mut Tree, _layout: Layout<'a>, _renderer: &Renderer, _viewport: &Rectangle, _translation: Vector, ) -> Option<Element<'a, Message, Theme, Renderer>>

Returns the overlay of the Widget, if there is any.