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
ce2b6b65
Commit
ce2b6b65
authored
Apr 24, 2024
by
G
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
basic button built on top of ButtonBase
parent
f2a02190
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
26 additions
and
0 deletions
+26
-0
Button.tsx
src/components/Button.tsx
+26
-0
No files found.
src/components/Button.tsx
0 → 100644
View file @
ce2b6b65
import
type
{
BoxProps
,
VariantProps
}
from
"@shopify/restyle"
;
import
type
{
Theme
}
from
"@themes/Theme"
;
import
{
TouchableOpacity
}
from
"react-native"
;
import
Card
from
"./Card"
;
import
Box
from
"./bases/Box"
;
import
ButtonBase
from
"./bases/ButtonBase"
;
import
Text
from
"./bases/Text"
;
type
Props
=
BoxProps
<
Theme
>
&
VariantProps
<
Theme
,
"buttonVariants"
>
&
VariantProps
<
Theme
,
"textVariants"
,
"textVariants"
>
&
{
label
:
string
;
onPress
:
()
=>
void
;
};
const
Button
=
({
onPress
,
label
,
textVariants
,
variant
,
...
rest
}:
Props
)
=>
{
return
(
<
TouchableOpacity
>
<
ButtonBase
variant=
{
variant
}
justifyContent=
"center"
alignItems=
"center"
{
...
rest
}
>
<
Text
variant=
{
textVariants
}
>
{
label
}
</
Text
>
</
ButtonBase
>
</
TouchableOpacity
>
);
};
export
default
Button
;
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