← all modules

Std.Ui.Input

Std.Ui.Input
  Std.Ui.Input — typed form controls for `Std.Ui`.

Types
  type Label msg
  type LabelPosition
  type Placeholder msg
  type RadioOption msg

Values
  button : List (Attribute msg) -> { onPress : Maybe msg , label : Element msg } -> Element msg
      Button. Set `onPress = Nothing` to render a disabled button (the
  checkbox : List (Attribute msg) -> { onChange : Bool -> msg , icon : Bool -> Element msg , checked : Bool , label : Label msg } -> Element msg
      Checkbox. The icon is the visual checkmark element (use a simple
  currentPassword : List (Attribute msg) -> { onChange : String -> msg , text : String , placeholder : Maybe (Placeholder msg) , label : Label msg , show : Bool } -> Element msg
      Password input — current-password autocomplete. It is CONTROLLED:
  email : List (Attribute msg) -> { onChange : String -> msg , text : String , placeholder : Maybe (Placeholder msg) , label : Label msg } -> Element msg
      Email-typed text input. Renders as `<input type="email">` so
  labelAbove : List (Attribute msg) -> Element msg -> Label msg
  labelBelow : List (Attribute msg) -> Element msg -> Label msg
  labelHidden : String -> Label msg
  labelLeft : List (Attribute msg) -> Element msg -> Label msg
  labelRight : List (Attribute msg) -> Element msg -> Label msg
  multiline : List (Attribute msg) -> { onChange : String -> msg , text : String , placeholder : Maybe (Placeholder msg) , label : Label msg , spellcheck : Bool } -> Element msg
      Multi-line `<textarea>`. Same shape as `text` but the underlying
  newPassword : List (Attribute msg) -> { onChange : String -> msg , text : String , placeholder : Maybe (Placeholder msg) , label : Label msg , show : Bool } -> Element msg
      Password input — new-password autocomplete (sign-up / change-password
  option : String -> Element msg -> RadioOption msg
      Construct a single radio option from its string value + label
  placeholder : List (Attribute msg) -> Element msg -> Placeholder msg
  radio : List (Attribute msg) -> { onChange : String -> msg , options : List (RadioOption msg) , selected : String , label : Label msg } -> Element msg
      Radio button group — vertical layout. Each `RadioOption value
  radioRow : List (Attribute msg) -> { onChange : String -> msg , options : List (RadioOption msg) , selected : String , label : Label msg } -> Element msg
      Radio button group — horizontal layout. Same args as `radio`,
  search : List (Attribute msg) -> { onChange : String -> msg , text : String , placeholder : Maybe (Placeholder msg) , label : Label msg } -> Element msg
      Search input. Renders as `<input type="search">` (mobile clear
  slider : List (Attribute msg) -> { onChange : String -> msg , value : String , min : String , max : String , step : String , label : Label msg } -> Element msg
      Range slider — `<input type="range">`. The change handler receives
  text : List (Attribute msg) -> { onChange : String -> msg , text : String , placeholder : Maybe (Placeholder msg) , label : Label msg } -> Element msg
      Single-line text input. The change handler fires on every
  username : List (Attribute msg) -> { onChange : String -> msg , text : String , placeholder : Maybe (Placeholder msg) , label : Label msg } -> Element msg
      Username-typed text input — identical to `text` plus