amotify 0.2.127 → 0.2.128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -17,6 +17,9 @@ import {
17
17
  Button,
18
18
  Plate,
19
19
  Column,
20
+ Sheet,
21
+ Text,
22
+ FAI,
20
23
  } from 'amotify'
21
24
 
22
25
  import '../../dist/@styles/style.css'
@@ -26,26 +29,49 @@ import {
26
29
  } from './designBook'
27
30
 
28
31
  let Test = () => {
32
+ let [ val_open,set_open ] = useState( false )
29
33
  return <Box>
30
- <Plate padding={ 4 }>
31
- <Column>
32
- <Card>
33
- Hello World
34
- </Card>
35
- <Card.Border>
36
- Hello World
37
- </Card.Border>
38
- <Card.Cloud>
39
- Hello World
40
- </Card.Cloud>
41
- <Card.Plain>
42
- Hello World
43
- </Card.Plain>
44
- <Card.Shadow>
45
- Hello World
46
- </Card.Shadow>
47
- </Column>
48
- </Plate>
34
+ <Text.Paragraph>
35
+ sheet: { String( val_open ) }
36
+ </Text.Paragraph>
37
+ <Button.Prime
38
+ onClick={ () => {
39
+ set_open( !val_open )
40
+ } }
41
+ >
42
+ Submit
43
+ </Button.Prime>
44
+ <Sheet.Element
45
+ sheetID='testSheet'
46
+ type='normal.middleCenter'
47
+ isOpen={ val_open }
48
+ openAfter={ () => {
49
+ set_open( true )
50
+ } }
51
+ closeAfter={ () => {
52
+ set_open( false )
53
+ } }
54
+ >
55
+ <Sheet.Body>
56
+ <Column padding={ 2 }>
57
+ <Row.Separate>
58
+ <Text.Paragraph>
59
+ Title
60
+ </Text.Paragraph>
61
+ <Button.Sub
62
+ color='cloud'
63
+ ssSphere={ 3 }
64
+ onClick={ () => {
65
+ set_open( false )
66
+ } }
67
+ >
68
+ <FAI.Times />
69
+ </Button.Sub>
70
+ </Row.Separate>
71
+ Helllo
72
+ </Column>
73
+ </Sheet.Body>
74
+ </Sheet.Element>
49
75
  {/* <DesignBook
50
76
  /> */}
51
77