UNPKG

es6-react-admin-lte

Version:

An AdminLTE Template made to use as React components.

96 lines (68 loc) • 2.29 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
92
93
94
95
96
# Feature > ./src/js/components/feature/feature.jsx ## Purpose Sometimes you want to feature things among other stuff, while still maintaining a classy marketer's standard. This is the component for you, my friend!~ ## Props __headline__ * Required - _false_ * Data Type - _STRING || ELEMENT_ * Functionality - _The text or element to display in the component headline_ * Default - _''_ __img__ * Required - _false_ * Data Type - _STRING_ * Functionality - _The URL to the image that displays with this component._ * Default - _''_ __imgAlt__ * Required - _false_ * Data Type - _STRING_ * Functionality - _The alt property text for the image_ * Default - _''_ __imgLink__ * Required - _false_ * Data Type - _TYPE_ * Functionality - _A URL to send a user to upon clicking the image link_ __imgOnClick__ * Required - _false_ * Data Type - _FUNCTION_ * Functionality - _A function to activate instead of a link upon clicking the associated image link_ * Default - _`() => {}`_ __cta__ * Required - _false_ * Data Type - _STRING_ * Functionality - _The text on the call to action button of the component. The button is not rendered if this is not here._ __ctaLink__ * Required - _false_ * Data Type - _STRING_ * Functionality - _The url to send a user to upon clicking the item_ __ctaOnClick__ * Required - _false_ * Data Type - _FUNCTION_ * Functionality - _A function to activate instead of a link upon clicking the call to action button_ * Default - _`() => {}`_ __ctaTheme__ * Required - _false_ * Data Type - _STRING_ * Functionality - _The Bootstrap color theme for the call to action button._ * Default - _btn-success_ __content__ * Required - _false_ * Data Type - _STRING || ELEMENT_ * Functionality - _Displays textual or elemental(the markup-type, not the table-top-type) content in the description area_ * Default - _''_ __Takes Children__ * Expected Type - _Elements of all types and sorts_ * Displays Inside - _a .media-body <div>_ * Displays After - _The content prop_ ## Example ``` import Feature from './src/js/components/feature/feature.jsx'; <Feature headline="New Feature" img="#" imgLink="https://example.com" cta="Check it~" ctaOnClick={() => { alert("You are interested in this feature!"); }} content="This feature is baller---" /> ```