Skip to main content

outlined

material_ui_rs::widget::text_input

Function outlined 

Source 
pub fn outlined<'a, Message, Renderer>(
    label: impl IntoFragment<'a>,
    value: &str,
) -> TextInput<'a, Message, Renderer>
where
    Message: Clone + 'a,
    Renderer: Renderer + Renderer + 'a,
Examples found in repository?
examples/showcase/pages/inputs.rs (line 7)
6pub(super) fn view(state: &Showcase) -> material::Element<'_, Message> {
7    let input = material::widget::text_input::outlined("Write a note", &state.note)
8        .on_input(Message::TextChanged);
9
10    let editor = material::widget::text_editor::outlined_area(&state.editor_content)
11        .placeholder("Write details")
12        .on_action(Message::EditorAction);
13
14    let select_options = ["Assist", "Suggestion", "Filter"];
15    let select = material::widget::select::outlined(
16        select_options,
17        state.select_choice,
18        Message::SelectChanged,
19    )
20    .placeholder("Choose a chip")
21    .label("Chip type");
22
23    let combobox = material::widget::combobox::outlined_with_input(
24        &state.combobox_options,
25        "Search a chip",
26        &state.combobox_input,
27        state.combobox_choice.as_ref(),
28        Message::ComboboxSelected,
29    )
30    .label("Searchable chip")
31    .on_input(Message::ComboboxInputChanged);
32
33    page::sections([
34        page::section("Text fields", page::stack([input.into(), editor.into()])).into(),
35        page::section(
36            "Selection fields",
37            page::stack([select.into(), combobox.into()]),
38        )
39        .into(),
40        page::section("Pickers", pickers(state)).into(),
41        page::section("Search", search_bar(state)).into(),
42        page::section("Dividers", dividers()).into(),
43    ])
44    .into()
45}
More examples
Hide additional examples
examples/showcase/app.rs (line 683)
679fn login_dialog(state: &Showcase, alpha: f32) -> material::Element<'_, Message> {
680    let body = iced::widget::Column::new()
681        .spacing(material::widget::page::STACK_SPACING)
682        .push(
683            material::widget::text_input::outlined("Account", &state.dialog_account)
684                .id(dialog_account_input_id())
685                .on_input(Message::DialogAccountChanged)
686                .alpha(alpha),
687        )
688        .push(
689            material::widget::text_input::outlined("Password", &state.dialog_password)
690                .secure(true)
691                .on_input(Message::DialogPasswordChanged)
692                .on_submit(Message::DialogConfirmed)
693                .alpha(alpha),
694        )
695        .push(material::widget::checkbox::standard_with_alpha(
696            state.dialog_remember_password,
697            "Remember password",
698            Message::DialogRememberPasswordChanged,
699            alpha,
700        ));
701
702    let options = material::widget::dialog::AlphaOptions::default().alpha(alpha);
703
704    material::widget::dialog::content_with(
705        "Sign in",
706        body,
707        material::widget::dialog::actions([
708            material::widget::dialog::action_button_with(
709                "Cancel",
710                Message::DialogDismissed,
711                options,
712            ),
713            material::widget::dialog::action_button_with(
714                "Log in",
715                Message::DialogConfirmed,
716                options,
717            ),
718        ]),
719        options,
720    )
721    .into()
722}