dioxus-nox-tag-input 0.13.2

Headless tag/multi-select input primitive for Dioxus
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

use crate::hook::TagInputState;
use crate::tag::TagLike;
use dioxus::prelude::*;

/// Props for [`Count`].
#[derive(Props, Clone, PartialEq)]
pub struct CountProps<T: TagLike + 'static> {
    #[props(default)]
    pub children: Element,
    #[props(extends = GlobalAttributes)]
    pub attributes: Vec<Attribute>,
    #[props(default)]
    _phantom: std::marker::PhantomData<T>,
}

/// Overflow indicator. Renders "+N more" when `overflow_count > 0`.
///
/// Renders `<span>` with `data-slot="count"`. Hidden when count is zero.
pub fn Count<T: TagLike>(props: CountProps<T>) -> Element {
    let ctx = use_context::<TagInputState<T>>();
    let count = *ctx.overflow_count.read();

    if count == 0 {
        return rsx! {};
    }

    rsx! {
        span {
            "data-slot": "count",
            ..props.attributes,
            "+{count} more"
        }
    }
}