search

🔍 Gleam UI input search super element.

import gbr/ui/input/search

type Event {
  MySearch(term: String)
}

fn update(model, msg) {
  case msg {
    MySearch(term) -> term
  }
}

fn view(model: String) {
  search.new()
    |> search.term(model)
    |> search.onsubmit(MySearch(msg))
    |> search()
}

Types

UISearch

opaque </>

pub opaque type UISearch

UISearchRender

opaque </>

pub opaque type UISearchRender(a)

Values

at

</>

pub fn at(
  in: UISearch,
  onsubmit: fn(List(#(String, String))) -> a,
) -> UISearchRender(a)

new

</>

pub fn new() -> UISearch

onchange

</>

pub fn onchange(
  at: UISearchRender(a),
  onchange: fn(String) -> a,
) -> UISearchRender(a)

render

</>

pub fn render(at: UISearchRender(a)) -> element.Element(a)