Inputs let users enter and edit text.
import { Input } from '../components'​<Inputplaceholder={'Place your Text'}/>
​
Input can be dark on the bright screen.
import { Input } from '../components'​<Inputdarkplaceholder={'Place your Text'}/>
​
Input can be disabled:
import { Input } from '../components/'​<Inputdisabledplaceholder={'Place your Text'}/>
​
You can make input bordered:
import { Input } from '../components/'​<Inputtype="bordered"placeholder={'Place your Text'}/>
​
You can make the input with a caption:
import { Input } from '../components/'​<Inputcaption="Simple caption text"placeholder={'Place your Text'}/>
​
You can make the input with a label:
import { Input } from '../components/'​<Inputlabel="Simple label text"placeholder={'Place your Text'}/>
Name | Type | Description |
placeholder |
| A string to be displayed when there is no value. |
dark |
| Makes input dark. |
disabled |
| Makes input disabled. |
label |
| String, number or a function component to render above the input field. If it is a function, expected to return a Text. |
caption |
| String, number or a function component to render below the input field. If it is a function, expected to return a Text. |
value |
| A value displayed in input field. |