Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
B
beasy-mobile
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
4
Issues
4
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
G
beasy-mobile
Commits
20465611
Commit
20465611
authored
Apr 24, 2024
by
G
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
a basic, nice input component
parent
c36c8976
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
21 additions
and
0 deletions
+21
-0
Input.tsx
src/components/Input.tsx
+21
-0
No files found.
src/components/Input.tsx
0 → 100644
View file @
20465611
import
{
TextInput
}
from
"react-native"
;
import
type
{
TextInputProps
}
from
"react-native"
;
import
Box
from
"./bases/Box"
;
import
Text
from
"./bases/Text"
;
type
Props
=
TextInputProps
&
{
label
:
string
;
};
const
Input
=
({
label
,
...
rest
}:
Props
)
=>
{
return
(
<
Box
>
<
Text
color=
{
"gray"
}
>
{
label
}
</
Text
>
<
Box
backgroundColor=
{
"lightGray"
}
height=
{
50
}
borderRadius=
{
10
}
my=
{
"m"
}
p=
{
"s"
}
>
<
TextInput
style=
{
{
height
:
"100%"
}
}
{
...
rest
}
/>
</
Box
>
</
Box
>
);
};
export
default
Input
;
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment