Struct Input 

pub struct Input { /* private fields */ }

Small box to write some text.

Normal

fn app() -> impl IntoElement {
    let value = use_state(String::new);
    Input::new(value).placeholder("Type here")
}

Filled

fn app() -> impl IntoElement {
    let value = use_state(String::new);
    Input::new(value).placeholder("Type here").filled()
}

Flat

fn app() -> impl IntoElement {
    let value = use_state(String::new);
    Input::new(value).placeholder("Type here").flat()
}

Preview

Implementations

impl Input

pub fn new(value: impl Into<Writable<String>>) -> Input

pub fn enabled(self, enabled: impl Into<bool>) -> Input

pub fn placeholder(self, placeholder: impl Into<Cow<'static, str>>) -> Input

pub fn on_validate( self, on_validate: impl Into<EventHandler<InputValidator>>, ) -> Input

pub fn on_submit(self, on_submit: impl Into<EventHandler<String>>) -> Input

pub fn mode(self, mode: InputMode) -> Input

pub fn auto_focus(self, auto_focus: impl Into<bool>) -> Input

pub fn width(self, width: impl Into<Size>) -> Input

pub fn theme_colors(self, theme: InputColorsThemePartial) -> Input

pub fn theme_layout(self, theme: InputLayoutThemePartial) -> Input

pub fn text_align(self, text_align: impl Into<TextAlign>) -> Input

pub fn style_variant(self, style_variant: impl Into<InputStyleVariant>) -> Input

pub fn layout_variant( self, layout_variant: impl Into<InputLayoutVariant>, ) -> Input

pub fn filled(self) -> Input

Shortcut for Self::style_variant with InputStyleVariant::Filled.

pub fn flat(self) -> Input

Shortcut for Self::style_variant with InputStyleVariant::Flat.

pub fn compact(self) -> Input

Shortcut for Self::layout_variant with InputLayoutVariant::Compact.

pub fn expanded(self) -> Input

Shortcut for Self::layout_variant with InputLayoutVariant::Expanded.

pub fn a11y_id(self, a11y_id: impl Into<NodeId>) -> Input

pub fn leading(self, leading: impl Into<Element>) -> Input

Optional element rendered before the text input.

pub fn trailing(self, trailing: impl Into<Element>) -> Input

Optional element rendered after the text input.

pub fn on_pre_key_down( self, on_pre_key_down: impl Into<Callback<Event<KeyboardEventData>, bool>>, ) -> Input

Sets a pre-handler called for each key event. Return true to let the input process it, false to skip. The callback may call stop_propagation() / prevent_default() directly.

Trait Implementations

impl Clone for Input

fn clone(&self) -> Input

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Component for Input

fn render(&self) -> impl IntoElement

fn render_key(&self) -> DiffKey

impl CornerRadiusExt for Input

fn with_corner_radius(self, corner_radius: f32) -> Input

Round all four corners to the given radius in pixels.

fn rounded_none(self) -> Self

Shortcut for corner_radius(0.) - removes border radius.

fn rounded(self) -> Self

Shortcut for corner_radius(6.) - default border radius.

fn rounded_sm(self) -> Self

Shortcut for corner_radius(4.) - small border radius.

fn rounded_md(self) -> Self

Shortcut for corner_radius(6.) - medium border radius.

fn rounded_lg(self) -> Self

Shortcut for corner_radius(8.) - large border radius.

fn rounded_xl(self) -> Self

Shortcut for corner_radius(12.) - extra large border radius.

fn rounded_2xl(self) -> Self

Shortcut for corner_radius(16.) - extra large border radius.

fn rounded_3xl(self) -> Self

Shortcut for corner_radius(24.) - extra large border radius.

fn rounded_4xl(self) -> Self

Shortcut for corner_radius(32.) - extra large border radius.

fn rounded_full(self) -> Self

Shortcut for corner_radius(99.) - fully rounded (pill shape).

impl InputColorsThemePartialExt for Input

fn background(self, background: impl Into<Color>) -> Input

fn focus_background(self, focus_background: impl Into<Color>) -> Input

fn border_fill(self, border_fill: impl Into<Color>) -> Input

fn focus_border_fill(self, focus_border_fill: impl Into<Color>) -> Input

fn color(self, color: impl Into<Color>) -> Input

fn placeholder_color(self, placeholder_color: impl Into<Color>) -> Input

impl InputLayoutThemePartialExt for Input

fn corner_radius(self, corner_radius: impl Into<CornerRadius>) -> Input

fn inner_margin(self, inner_margin: impl Into<Gaps>) -> Input

impl KeyExt for Input

fn write_key(&mut self) -> &mut DiffKey

Returns a mutable reference to the element’s diff key.

fn key(self, key: impl Hash) -> Self

where Self: 'static,

Assign a key derived from any hashable value, used to reconcile elements in dynamic lists. The key is scoped to the element’s type, so the same value used on different element or component types never collides.

impl PartialEq for Input

fn eq(&self, other: &Input) -> bool

Equality operator ==.

fn ne(&self, other: &Rhs) -> bool

Inequality operator !=.

impl StructuralPartialEq for Input