form

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

The form helpers provide a compact set of primitives for building accessible form layouts with native HTML elements.

Recipe

import glaze/basecoat/form
import glaze/basecoat/input
import glaze/basecoat/button
import lustre/attribute
import lustre/element/html

fn login_form() {
  form.form([], [
    input.email([attribute.placeholder("Email")]),
    input.password([attribute.placeholder("Password")]),
    button.button([], [html.text("Login")]),
  ])
}

Values

action

</>

pub fn action(url: String) -> attribute.Attribute(msg)

fieldset

</>

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

form

</>

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

get

</>

pub fn get() -> attribute.Attribute(msg)

group

</>

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

legend

</>

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

method

</>

pub fn method(m: String) -> attribute.Attribute(msg)

name

</>

pub fn name(n: String) -> attribute.Attribute(msg)

post

</>

pub fn post() -> attribute.Attribute(msg)

vertical

</>

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