glaze_basecoat - v1.0.0

glaze/basecoat/command

Basecoat documentation: https://basecoatui.com/components/command/

Fast, composable command menu for quick navigation and actions.

Note: This component requires JavaScript from Basecoat.

Anatomy

A command menu usually includes a search input and a menu of items grouped into sections.

Recipe

import glaze/basecoat/command
import lustre/element/html

fn my_command() {
  command.command("my-command", [], [
    command.group("Suggestions", [
      command.item([], [html.text("Calendar")]),
      command.item([], [html.text("Search Emoji")]),
    ]),
  ])
}

References

Values

close_script

</> 
pub fn close_script(dialog_id: String) -> String

command

</> 
pub fn command(
  id: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

command_styled

</> 
pub fn command_styled(
  id: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

dialog

</> 
pub fn dialog(
  id: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

disabled

</> 
pub fn disabled() -> attribute.Attribute(msg)

filter

</> 
pub fn filter(text: String) -> attribute.Attribute(msg)

force_show

</> 
pub fn force_show() -> attribute.Attribute(msg)

group

</> 
pub fn group(
  label: String,
  items: List(element.Element(msg)),
) -> element.Element(msg)
</> 
pub fn header(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

item

</> 
pub fn item(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

item_disabled

</> 
pub fn item_disabled(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
</> 
pub fn item_link(
  href: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

item_with_shortcut

</> 
pub fn item_with_shortcut(
  shortcut: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

keywords

</> 
pub fn keywords(text: String) -> attribute.Attribute(msg)
</> 
pub fn menu(
  id: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
</> 
pub fn menu_with_empty(
  id: String,
  empty_message: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

open_script

</> 
pub fn open_script(dialog_id: String) -> String

search_input

</> 
pub fn search_input(
  id: String,
  placeholder: String,
  menu_id: String,
  attrs: List(attribute.Attribute(msg)),
) -> element.Element(msg)

separator

</> 
pub fn separator() -> element.Element(msg)
✨ Search Document