glaze/basecoat/kbd

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

Keyboard shortcut helpers built on <kbd>.

Use kbd for individual keys and shortcut for small key sequences.

Recipe

import glaze/basecoat/kbd
import lustre/element/html

fn shortcut() {
  html.p([], [
    html.text("Press "),
    kbd.kbd([], [html.text("⌘")]),
    kbd.kbd([], [html.text("K")]),
    html.text(" to search"),
  ])
}

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

pub fn shortcut(
  keys: List(String),
  attrs: List(attribute.Attribute(msg)),
) -> element.Element(msg)