React Native Starter
Search…
2.0.0
Getting Started
Architecture
Testing
Internationalization
Adding Pages and Components
Components
Text
Icon
Card
List
Top Navigation
Top Tabs
Bottom Tabs
Menu
Button
Checkbox
Toggle
Input
Screens
Theming
Powered By
GitBook
Input
Inputs let users enter and edit text.
1
import
{
Input
}
from
'../components'
2
​
3
<
Input
4
placeholder
=
{
'Place your Text'
}
5
/>
Copied!
​
Input can be dark on the bright screen.
1
import
{
Input
}
from
'../components'
2
​
3
<
Input
4
dark
5
placeholder
=
{
'Place your Text'
}
6
/>
Copied!
​
Input can be disabled:
1
import
{
Input
}
from
'../components/'
2
​
3
<
Input
4
disabled
5
placeholder
=
{
'Place your Text'
}
6
/>
Copied!
​
You can make input bordered:
1
import
{
Input
}
from
'../components/'
2
​
3
<
Input
4
type
=
"
bordered
"
5
placeholder
=
{
'Place your Text'
}
6
/>
Copied!
​
You can make the input with a caption:
1
import
{
Input
}
from
'../components/'
2
​
3
<
Input
4
caption
=
"
Simple caption text
"
5
placeholder
=
{
'Place your Text'
}
6
/>
Copied!
​
You can make the input with a label:
1
import
{
Input
}
from
'../components/'
2
​
3
<
Input
4
label
=
"
Simple label text
"
5
placeholder
=
{
'Place your Text'
}
6
/>
Copied!
Properties
Name
Type
Description
placeholder
string
A string to be displayed when there is no value.
dark
bool
Makes input dark.
disabled
bool
Makes input disabled.
label
ReactText | (TextProps) => ReactElement
String, number or a function component to render above the input field. If it is a function, expected to return a Text.
caption
ReactText | (TextProps) => ReactElement
String, number or a function component to render below the input field. If it is a function, expected to return a Text.
value
string
A value displayed in input field.
Previous
Toggle
Next
Screens
Last modified
1yr ago
Copy link
Contents
Properties