skyflow-react-js/samples/SkyflowElements/src/App.tsx at 542f76cf75bd7fae509216774a940deacc6c2fa3 · skyflowapi/skyflow-react-js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
/*
  Copyright (c) 2022 Skyflow,Inc.
*/
import React from 'react';
import CollectElements from './components/CollectElements';
import ComposableElements from './components/ComposableElements';
import CustomValidations from './components/CustomValidations';
import DynamicComposableElements from './components/DynamicComposableElements';
import ElementListners from './components/ElementListeners';
import RevealElements from './components/RevealElements';
import FileRender from './components/FileRenderElements';
import CollectElementsUpdateData from './components/CollectElementsUpdateData';
import DynamicCollectElements from './components/DynamicCollectElements';
import DynamicRevealElements from './components/DynamicRevealElements';

const App = () => {

  return (
    <div id='App'>
      <div id='Sample for Composable Elements'>
        <p>
          <b>Sample Composable Elements</b>
        </p>
        <ComposableElements />
      </div>
      <div id='Sample for Collect Elements'>
        <p>
          <b>Sample Collect Elements</b>
        </p>
        <CollectElements />
      </div>
      <div id='Sample for Collect Elements for updating data'>
        <p>
          <b>Sample Collect Elements for updating data</b>
        </p>
        <CollectElementsUpdateData />
      </div>
      <br />
      <div id='Sample for Element Listners'>
        <p>
          <b>Sample Element Listners</b>
        </p>
        <ElementListners />
      </div>
      <br />
      <div id='Sample for Reveal Element'>
        <p>
          <b>Sample for Reveal Element</b>
        </p>
        <RevealElements />
      </div>
      <div id='Sample for File Render Element'>
        <p>
          <b>Sample for File Render Element</b>
        </p>
        <FileRender />
      </div>
      <br />
      <div id='Sample for Custom Validations'>
        <p>
          <b>Sample for Custom Validations</b>
        </p>
        <CustomValidations />
      </div>
      <div id='Sample for Composable Elements In Modal'>
        <p>
          <b>Sample Composable Elements Dynamic properties update</b>
        </p>
        <DynamicComposableElements />
      </div>
      <div id='Sample for Collect Elements Update Properties'>
        <p>
          <b>Sample Collect Elements Dynamic properties update</b>
        </p>
        <DynamicCollectElements />
      </div>
      <div id='Sample for Reveal Elements Update Properties'>
        <p>
          <b>Sample Reveal Elements Dynamic properties update</b>
        </p>
        <DynamicRevealElements />
      </div>
    </div>
  );
};
export default App;