UNPKG

@up-group/react-controls

Version:

We know that there are a ton of react UI library projects to choose from. Our hope with this one is to provide the next generation of react components that you can use to bootstrap your next project, or as a reference for building a UIKit. Read on to get

github.com/Up-Group/react-controls

Up-Group/react-controls

91 lines • 6.08 kB
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
87
88
89
90
91
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var react_1 = require("@storybook/react"); var Icons = require("./Icons"); var alertFont = { fontSize: "36px", color: "green", }; react_1.storiesOf('UpIcons', module) .addWithInfo('IconLoading', '', function () { return (React.createElement("div", { style: { padding: "16px" } }, React.createElement(Icons.IconLoading, { AlertNumber: 9 }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconLoading, { IconSize: "7" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconLoading, { BackgroundColor: "blue", Color: "red", IconSize: "20", AlertNumber: 4, AlertCircle: { Active: true, Color: "red" } }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconLoading, { onClick: function () { return alert("bonjour"); } }, " click me !"), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconLoading, { AvecCercle: true }, " With circle"), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconLoading, { IconSize: "60em" }, " 60em"), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconLoading, { IconSize: "1in" }, " 1in"), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconLoading, { IconSize: "8cm", BackgroundColor: "grey" }, " 8cm"))); }) .addWithInfo('IconAlertes', '', function () { return (React.createElement("div", null, React.createElement(Icons.IconAlertes, null), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { IconSize: "7px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { BackgroundColor: "gray", Color: "red", IconSize: "20px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { BackgroundColor: "gray", Color: "red", IconSize: "40px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 3 }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, IconSize: "7px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, BackgroundColor: "gray", Color: "red", IconSize: "20px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, BackgroundColor: "gray", Color: "red", IconSize: "40px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 3, AlertCircle: { Active: true, Color: "#f44336" } }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, AlertCircle: { Active: true, Color: "#f44336" }, IconSize: "7px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, AlertCircle: { Active: true, Color: "#f44336" }, BackgroundColor: "gray", Color: "red", IconSize: "20px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, AlertCircle: { Active: true, Color: "#f44336" }, BackgroundColor: "gray", Color: "red", IconSize: "40px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 3, AlertCircle: { Active: true, Color: "#f44336" }, AlertFont: alertFont }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, AlertCircle: { Active: true, Color: "#f44336" }, AlertFont: alertFont, IconSize: "7px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, AlertCircle: { Active: true, Color: "#f44336" }, AlertFont: alertFont, BackgroundColor: "gray", Color: "red", IconSize: "20px" }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconAlertes, { AlertNumber: 36, AlertCircle: { Active: true, Color: "#f44336" }, AlertFont: alertFont, BackgroundColor: "gray", Color: "red", IconSize: "40px" }))); }) .addWithInfo('Icone LSWA - Perceval', '', function () { return (React.createElement("div", { style: { padding: "16px" } }, React.createElement(Icons.IconLswaLink, { IconSize: "20", AlertNumber: 3, AlertCircle: { Active: true, Color: "red" } }), React.createElement("br", null), React.createElement(Icons.IconLswaLink, { IconSize: "32", AlertNumber: 3, AlertCircle: { Active: true, Color: "red" } }), React.createElement("br", null), React.createElement(Icons.IconLswaLink, { IconSize: "150", AlertNumber: 3, AlertCircle: { Active: true, Color: "red" } }), React.createElement("br", null), React.createElement("br", null), React.createElement(Icons.IconPercevalLink, { IconSize: "20", AlertNumber: 3, AlertCircle: { Active: true, Color: "red" } }), React.createElement("br", null), React.createElement(Icons.IconPercevalLink, { IconSize: "32", AlertNumber: 3, AlertCircle: { Active: true, Color: "red" } }), React.createElement("br", null), React.createElement(Icons.IconPercevalLink, { IconSize: "150", AlertNumber: 3, AlertCircle: { Active: true, Color: "red" } }))); }); //# sourceMappingURL=index.stories.js.map