Search Field

Copyuse maccn::MacSearchField;

Copylet state = cx.new(|cx| InputState::new(window, cx).placeholder("Search"));
 
MacSearchField::new("search", &state);

Copyuse gpui::div;
use maccn::{MacLabel, MacSearchField};
use maccn::LabelStyle;
 
div()
    .flex()
    .flex_col()
    .gap_2()
    .child(MacSearchField::new("search-clear", &state).w(px(220.)))
    .child(
        MacLabel::new("search-hint")
            .style(LabelStyle::Footnote)
            .secondary(true)
            .child("Type text to reveal the clear button; press Escape to clear."),
    )

Copyuse gpui::div;
use maccn::{MacControlSize, MacSearchField};
 
div()
    .flex()
    .items_center()
    .gap_2()
    .child(
        MacSearchField::new("search-xl", &state)
            .size(MacControlSize::ExtraLarge)
            .w(px(240.)),
    )
    .child(
        MacSearchField::new("search-s", &state)
            .size(MacControlSize::Small)
            .w(px(180.)),
    )

CopyMacSearchField::new("search-d", &state)
    .disabled(true)
    .w(px(220.))