Packages

A collection of components and design tokens for building Lustre apps.

Current section

Files

Jump to
lustre_ui src lustre ui input.gleam
Raw

src/lustre/ui/input.gleam

// IMPORTS ---------------------------------------------------------------------
import lustre/attribute.{type Attribute, attribute}
import lustre/element.{type Element}
import lustre/element/html
// ELEMENTS --------------------------------------------------------------------
///
pub fn input(attributes: List(Attribute(msg))) -> Element(msg) {
html.input([attribute.class("lustre-ui-input"), ..attributes])
}
// ATTRIBUTES ------------------------------------------------------------------
pub fn clear() -> Attribute(msg) {
attribute.class("clear")
}
pub fn primary() -> Attribute(msg) {
attribute("data-variant", "primary")
}
pub fn greyscale() -> Attribute(msg) {
attribute("data-variant", "greyscale")
}
pub fn error() -> Attribute(msg) {
attribute("data-variant", "error")
}
pub fn warning() -> Attribute(msg) {
attribute("data-variant", "warning")
}
pub fn success() -> Attribute(msg) {
attribute("data-variant", "success")
}
pub fn info() -> Attribute(msg) {
attribute("data-variant", "info")
}