Skip to content
Jonathan Langlois edited this page Dec 1, 2020 · 7 revisions

Input

Input element. Element passes on HTML attribute props, such as maxlength.

Group Prop Type Description
Sizes mini boolean Sizing options intended to modify font-size and padding
tiny
small
medium
large
big
huge
Proportion full-height (non-themable) boolean Component takes 100% of parent height
full-width (non-themable) Component takes 100% of parent width
Types email boolean Type of input to allow
url
number
password
tel
text (default)
Disabled disabled boolean Disable input
Label label string Label for input element
Name name string Name for input element
Events onChange function onChange event handler.

Expected behaviours in progressive enhancements

HTML

  • Input falls back to a working textual input.

HTML5

  • Input includes HTML5 validations on front-end for given type.

HTML + CSS

  • it applies the theme styles; no additional functional enhancement.

HTML + CSS + JS

  • it support onChange event handling.
Clone this wiki locally