Struct TagBox 

pub struct TagBox { /* private fields */ }

Picks several values from a list, showing each as a tag with a button to take it off. The list searches as you type; Enter picks or takes off the highlighted option, Backspace on the empty search takes off the last tag, Escape closes.

use ravenrs_reactive::State;
use ravenrs_widgets::{LookupItem, TagBox, Ui};

let tags = State::new(vec!["red".to_owned()]);
let field = TagBox::new(
    tags.binding(),
    vec![LookupItem::new("red", "Red"), LookupItem::new("blue", "Blue")],
);
let mut ui = Ui::new(field, ravenrs_style::Theme::raven_dark());
ui.update();

Implementations

impl TagBox

pub fn new(selected: Binding<Vec<String>>, options: Vec<LookupItem>) -> TagBox

A field bound to the keys chosen, in the order they were chosen.

pub fn placeholder(self, text: impl Into<String>) -> TagBox

Text shown while nothing is chosen.

pub fn allow_new(self, allow: bool) -> TagBox

Lets people add what they typed when it is not in the list. The text becomes the key.

pub fn most(self, most: usize) -> TagBox

The most values that can be chosen.

pub fn fill(self) -> TagBox

Takes the width of its parent, as other fields of a form do.

pub fn width(self, width: f32) -> TagBox

Width in logical pixels. 280 by default; tags that do not fit go to a new line.

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

The name screen readers announce. Inside a crate::FormField, its label is used instead.

pub fn disabled(self, disabled: bool) -> TagBox

Turns the field off: it fades, leaves the tab order and ignores input.

pub fn read_only(self, read_only: bool) -> TagBox

Shows the values without letting them change; it can still be focused and read.

Trait Implementations

impl Debug for TagBox

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

Formats the value using the given formatter.

impl View for TagBox

fn build(&self, cx: &mut BuildCx<'_>) -> NodeId

Creates this view’s node for the current build.

fn type_name(&self) -> &'static str

The name the diagnostics panel shows this view’s cost under.