File tree Expand file tree Collapse file tree 1 file changed +1
-24
lines changed Expand file tree Collapse file tree 1 file changed +1
-24
lines changed Original file line number Diff line number Diff line change @@ -8,30 +8,7 @@ title: 'Usage'
8
8
This is a quick example of how to use our basic components, modifiers and presets to generate a good looking screen.
9
9
For detailed information please go over the other sections: [ Style] ( ../foundation/style.md ) , [ Modifiers] ( ../foundation/modifiers.md ) , Components...
10
10
11
- ![ basic showcase] ( basic-showcase.png ) .
12
-
13
- ``` jsx
14
- import React , {Component } from ' react' ;
15
- import {View , TextField , Text , Button } from ' react-native-ui-lib' ;
16
-
17
- export default class Example extends Component {
18
- render () {
19
- return (
20
- < View flex paddingH- 25 paddingT- 120 >
21
- < Text blue50 text20>
22
- Welcome
23
- < / Text >
24
- < TextField text50 placeholder= " username" grey10 / >
25
- < TextField text50 placeholder= " password" secureTextEntry grey10 / >
26
- < View marginT- 100 center>
27
- < Button text70 white background- orange30 label= " Login" / >
28
- < Button link text70 orange30 label= " Sign Up" marginT- 20 / >
29
- < / View>
30
- < / View>
31
- );
32
- }
33
- }
34
- ```
11
+ <!-- . -->
35
12
36
13
``` jsx live
37
14
function Example (props ) {
You can’t perform that action at this time.
0 commit comments