Giters

Chalarangelo / furl

Functional react.js components.

Home Page:https://furl.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Input controls and forms

Chalarangelo opened this issue · comments

commented
  • Add styles for <form> and <legend>
  • Provide customization options for forms and inputs (sizes, colors, shapes)
  • Add styles for [disabled] and [readonly]
  • Add defaultValue prop
  • <TextInput>
  • <EmailInput>
  • <NumberInput> - with +,- buttons
  • <PasswordInput> - with view button
  • <UrlInput>
  • <Textarea> - <TextInput multiline>
  • <Select>
  • <MultiSelect> - <Select multiple>
  • <Combobox> - use <datalist> and <input> with list attribute
  • <TelephoneInput>
  • <CreditCardInput> - spacing and icons
  • <CurrencyInput>
  • <TimeInput> - custom, multi-part version
  • <ColorInput> - preview field
  • <FileInput> - drag and drop box
  • <DateInput> - custom, multi-part version
  • <RatingInput> - use a number input internally
  • <Slider> - use native element, allow one, two or more values if possible
  • Add customized <input> elements, add a prop to allow wrapping or following with a <label> - Moved to #9
  • Add customization option to add a default icon for each type - Moved to #9
  • <DatetimeInput> - custom, multi-part version
  • <TagInput>
commented

Certain components depend on the react-text-mask library to render their contents properly.

commented

There will be no <DatetimeInput>, two inputs doing this separately will do it better than one.

commented

The <TagInput> will not be implemented, Select multiple> handles multiple selection well enough and it has very good native support and implementations, both on desktop and mobile.