Struct Combobox 

pub struct Combobox<'a, T, Message, Renderer>
where
    T: Display + Clone,
    Renderer: Renderer,
{ /* private fields */ }

Material combobox.

Implementations

impl<'a, T, Message, Renderer> Combobox<'a, T, Message, Renderer>

where T: Display + Clone + 'static, Renderer: Renderer + 'a,

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

Sets the message that should be produced when text is typed.

Examples found in repository

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

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()
}

pub fn on_option_hovered( self, on_option_hovered: impl Fn(T) -> Message + 'static, ) -> Self

Sets the message that will be produced when an option is hovered.

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

Sets the message that will be produced when the combobox opens.

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

Sets the message that will be produced when the combobox closes.

pub fn label(self, label: impl Into<String>) -> Self

Sets the floating label of the combobox.

Examples found in repository

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

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()
}

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

Sets the padding.

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

Sets the font.

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

Sets the trailing icon.

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

Sets the text size.

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

Sets the text line height.

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

Sets the width.

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

Sets the menu height.

pub fn text_shaping(self, shaping: Shaping) -> Self

Sets the text shaping strategy.

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

where <Theme as Catalog>::Class<'a>: From<StyleFn<'a, Theme>>,

Sets the input style.

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

where <Theme as Catalog>::Class<'a>: From<StyleFn<'a, Theme>>,

Sets the menu style.

Trait Implementations

impl<T, Message, Renderer> Debug for Combobox<'_, T, Message, Renderer>

where T: Display + Clone, Renderer: Renderer,

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

Formats the value using the given formatter.

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

where T: Display + Clone + 'static, Message: Clone + 'a, Renderer: Renderer + 'a,

fn from(combobox: Combobox<'a, T, Message, Renderer>) -> Self

Converts to this type from the input type.