This repository has been archived by the owner on Oct 20, 2021. It is now read-only.
[Input] Add basic input component in form #62
Comments
Kimi-Gao
added a commit
that referenced
this issue
Oct 1, 2019
Kimi-Gao
added a commit
that referenced
this issue
Oct 10, 2019
* feat(input): add new input component re #62 * add clearable to Input component * optimize clearable codes * improve input docs * optimize remove icon * add input test and optimize code * remove uncontrolled input * fix input test and optimize code * update input docs * add focus and moseEnter events to input * fix state variable of icon to focus * remove ClearableInput from src * fix console log errors * optimize Clear test of Input * fix tests * optimize tests, docs and lg icon style * complete tests of input * fix home page style issue * add input public api * remove redundant code in test
8 tasks
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Description
Input is a controlled component, it always shows react binding value. It will be used in form as different
typeUnder normal circumstances, input event should be handled. Its handler should update component's binding value. Otherwise, input box's value will not change.
Type
textHover and focus
Hover:
Focus:
Note: If input is invalid, the color of border will be red series.
With icon
Disabled and readonly
Errors and infoMark a control as invalid:
Display an error message:
Display an info section:
Disabled info:
Info should support href(such as default linked button):
Others
The text was updated successfully, but these errors were encountered: