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.
Last modified 1yr ago
Copy link
Contents
Properties