UNPKG

@awsui/components-react

Version:

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

github.com/aws/awsui-documentation

198 lines (196 loc) • 10.6 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
// es-module interop with Babel and Typescript Object.defineProperty(exports, "__esModule", { value: true }); module.exports.default = { "box": "awsui_box_18wu0_zwamc_172", "p-variant": "awsui_p-variant_18wu0_zwamc_172", "color-default": "awsui_color-default_18wu0_zwamc_172", "b-variant": "awsui_b-variant_18wu0_zwamc_172", "strong-variant": "awsui_strong-variant_18wu0_zwamc_172", "code-variant": "awsui_code-variant_18wu0_zwamc_172", "pre-variant": "awsui_pre-variant_18wu0_zwamc_172", "samp-variant": "awsui_samp-variant_18wu0_zwamc_172", "h1-variant": "awsui_h1-variant_18wu0_zwamc_176", "h2-variant": "awsui_h2-variant_18wu0_zwamc_176", "h3-variant": "awsui_h3-variant_18wu0_zwamc_176", "h4-variant": "awsui_h4-variant_18wu0_zwamc_176", "h5-variant": "awsui_h5-variant_18wu0_zwamc_176", "small-variant": "awsui_small-variant_18wu0_zwamc_180", "a-variant": "awsui_a-variant_18wu0_zwamc_184", "font-size-default": "awsui_font-size-default_18wu0_zwamc_188", "font-weight-default": "awsui_font-weight-default_18wu0_zwamc_228", "key-label-variant": "awsui_key-label-variant_18wu0_zwamc_270", "gen-ai-label-variant": "awsui_gen-ai-label-variant_18wu0_zwamc_277", "value-large-variant": "awsui_value-large-variant_18wu0_zwamc_284", "inline-code-variant": "awsui_inline-code-variant_18wu0_zwamc_291", "font-weight-heavy": "awsui_font-weight-heavy_18wu0_zwamc_305", "color-inverted": "awsui_color-inverted_18wu0_zwamc_310", "color-text-label": "awsui_color-text-label_18wu0_zwamc_313", "color-text-body-secondary": "awsui_color-text-body-secondary_18wu0_zwamc_316", "color-text-status-error": "awsui_color-text-status-error_18wu0_zwamc_319", "color-text-status-success": "awsui_color-text-status-success_18wu0_zwamc_322", "color-text-status-info": "awsui_color-text-status-info_18wu0_zwamc_325", "color-text-status-inactive": "awsui_color-text-status-inactive_18wu0_zwamc_328", "color-text-status-warning": "awsui_color-text-status-warning_18wu0_zwamc_331", "color-inherit": "awsui_color-inherit_18wu0_zwamc_334", "font-size-body-s": "awsui_font-size-body-s_18wu0_zwamc_337", "font-size-body-m": "awsui_font-size-body-m_18wu0_zwamc_342", "font-size-heading-xs": "awsui_font-size-heading-xs_18wu0_zwamc_346", "font-size-heading-s": "awsui_font-size-heading-s_18wu0_zwamc_350", "font-size-heading-m": "awsui_font-size-heading-m_18wu0_zwamc_355", "font-size-heading-l": "awsui_font-size-heading-l_18wu0_zwamc_360", "font-size-heading-xl": "awsui_font-size-heading-xl_18wu0_zwamc_365", "font-size-display-l": "awsui_font-size-display-l_18wu0_zwamc_370", "font-weight-light": "awsui_font-weight-light_18wu0_zwamc_375", "font-weight-normal": "awsui_font-weight-normal_18wu0_zwamc_378", "font-weight-bold": "awsui_font-weight-bold_18wu0_zwamc_381", "t-left": "awsui_t-left_18wu0_zwamc_388", "t-right": "awsui_t-right_18wu0_zwamc_392", "t-center": "awsui_t-center_18wu0_zwamc_396", "p-n": "awsui_p-n_18wu0_zwamc_413", "p-top-n": "awsui_p-top-n_18wu0_zwamc_418", "p-vertical-n": "awsui_p-vertical-n_18wu0_zwamc_419", "p-right-n": "awsui_p-right-n_18wu0_zwamc_423", "p-horizontal-n": "awsui_p-horizontal-n_18wu0_zwamc_424", "p-bottom-n": "awsui_p-bottom-n_18wu0_zwamc_428", "p-left-n": "awsui_p-left-n_18wu0_zwamc_433", "p-xxxs": "awsui_p-xxxs_18wu0_zwamc_438", "p-top-xxxs": "awsui_p-top-xxxs_18wu0_zwamc_443", "p-vertical-xxxs": "awsui_p-vertical-xxxs_18wu0_zwamc_444", "p-right-xxxs": "awsui_p-right-xxxs_18wu0_zwamc_448", "p-horizontal-xxxs": "awsui_p-horizontal-xxxs_18wu0_zwamc_449", "p-bottom-xxxs": "awsui_p-bottom-xxxs_18wu0_zwamc_453", "p-left-xxxs": "awsui_p-left-xxxs_18wu0_zwamc_458", "p-xxs": "awsui_p-xxs_18wu0_zwamc_463", "p-top-xxs": "awsui_p-top-xxs_18wu0_zwamc_468", "p-vertical-xxs": "awsui_p-vertical-xxs_18wu0_zwamc_469", "p-right-xxs": "awsui_p-right-xxs_18wu0_zwamc_473", "p-horizontal-xxs": "awsui_p-horizontal-xxs_18wu0_zwamc_474", "p-bottom-xxs": "awsui_p-bottom-xxs_18wu0_zwamc_478", "p-left-xxs": "awsui_p-left-xxs_18wu0_zwamc_483", "p-xs": "awsui_p-xs_18wu0_zwamc_488", "p-top-xs": "awsui_p-top-xs_18wu0_zwamc_493", "p-vertical-xs": "awsui_p-vertical-xs_18wu0_zwamc_494", "p-right-xs": "awsui_p-right-xs_18wu0_zwamc_498", "p-horizontal-xs": "awsui_p-horizontal-xs_18wu0_zwamc_499", "p-bottom-xs": "awsui_p-bottom-xs_18wu0_zwamc_503", "p-left-xs": "awsui_p-left-xs_18wu0_zwamc_508", "p-s": "awsui_p-s_18wu0_zwamc_513", "p-top-s": "awsui_p-top-s_18wu0_zwamc_518", "p-vertical-s": "awsui_p-vertical-s_18wu0_zwamc_519", "p-right-s": "awsui_p-right-s_18wu0_zwamc_523", "p-horizontal-s": "awsui_p-horizontal-s_18wu0_zwamc_524", "p-bottom-s": "awsui_p-bottom-s_18wu0_zwamc_528", "p-left-s": "awsui_p-left-s_18wu0_zwamc_533", "p-m": "awsui_p-m_18wu0_zwamc_538", "p-top-m": "awsui_p-top-m_18wu0_zwamc_543", "p-vertical-m": "awsui_p-vertical-m_18wu0_zwamc_544", "p-right-m": "awsui_p-right-m_18wu0_zwamc_548", "p-horizontal-m": "awsui_p-horizontal-m_18wu0_zwamc_549", "p-bottom-m": "awsui_p-bottom-m_18wu0_zwamc_553", "p-left-m": "awsui_p-left-m_18wu0_zwamc_558", "p-l": "awsui_p-l_18wu0_zwamc_433", "p-top-l": "awsui_p-top-l_18wu0_zwamc_568", "p-vertical-l": "awsui_p-vertical-l_18wu0_zwamc_569", "p-right-l": "awsui_p-right-l_18wu0_zwamc_573", "p-horizontal-l": "awsui_p-horizontal-l_18wu0_zwamc_574", "p-bottom-l": "awsui_p-bottom-l_18wu0_zwamc_578", "p-left-l": "awsui_p-left-l_18wu0_zwamc_583", "p-xl": "awsui_p-xl_18wu0_zwamc_588", "p-top-xl": "awsui_p-top-xl_18wu0_zwamc_593", "p-vertical-xl": "awsui_p-vertical-xl_18wu0_zwamc_594", "p-right-xl": "awsui_p-right-xl_18wu0_zwamc_598", "p-horizontal-xl": "awsui_p-horizontal-xl_18wu0_zwamc_599", "p-bottom-xl": "awsui_p-bottom-xl_18wu0_zwamc_603", "p-left-xl": "awsui_p-left-xl_18wu0_zwamc_608", "p-xxl": "awsui_p-xxl_18wu0_zwamc_613", "p-top-xxl": "awsui_p-top-xxl_18wu0_zwamc_618", "p-vertical-xxl": "awsui_p-vertical-xxl_18wu0_zwamc_619", "p-right-xxl": "awsui_p-right-xxl_18wu0_zwamc_623", "p-horizontal-xxl": "awsui_p-horizontal-xxl_18wu0_zwamc_624", "p-bottom-xxl": "awsui_p-bottom-xxl_18wu0_zwamc_628", "p-left-xxl": "awsui_p-left-xxl_18wu0_zwamc_633", "p-xxxl": "awsui_p-xxxl_18wu0_zwamc_638", "p-top-xxxl": "awsui_p-top-xxxl_18wu0_zwamc_643", "p-vertical-xxxl": "awsui_p-vertical-xxxl_18wu0_zwamc_644", "p-right-xxxl": "awsui_p-right-xxxl_18wu0_zwamc_648", "p-horizontal-xxxl": "awsui_p-horizontal-xxxl_18wu0_zwamc_649", "p-bottom-xxxl": "awsui_p-bottom-xxxl_18wu0_zwamc_653", "p-left-xxxl": "awsui_p-left-xxxl_18wu0_zwamc_658", "m-n": "awsui_m-n_18wu0_zwamc_663", "m-top-n": "awsui_m-top-n_18wu0_zwamc_668", "m-vertical-n": "awsui_m-vertical-n_18wu0_zwamc_669", "m-right-n": "awsui_m-right-n_18wu0_zwamc_673", "m-horizontal-n": "awsui_m-horizontal-n_18wu0_zwamc_674", "m-bottom-n": "awsui_m-bottom-n_18wu0_zwamc_678", "m-left-n": "awsui_m-left-n_18wu0_zwamc_683", "m-xxxs": "awsui_m-xxxs_18wu0_zwamc_688", "m-top-xxxs": "awsui_m-top-xxxs_18wu0_zwamc_693", "m-vertical-xxxs": "awsui_m-vertical-xxxs_18wu0_zwamc_694", "m-right-xxxs": "awsui_m-right-xxxs_18wu0_zwamc_698", "m-horizontal-xxxs": "awsui_m-horizontal-xxxs_18wu0_zwamc_699", "m-bottom-xxxs": "awsui_m-bottom-xxxs_18wu0_zwamc_703", "m-left-xxxs": "awsui_m-left-xxxs_18wu0_zwamc_708", "m-xxs": "awsui_m-xxs_18wu0_zwamc_713", "m-top-xxs": "awsui_m-top-xxs_18wu0_zwamc_718", "m-vertical-xxs": "awsui_m-vertical-xxs_18wu0_zwamc_719", "m-right-xxs": "awsui_m-right-xxs_18wu0_zwamc_723", "m-horizontal-xxs": "awsui_m-horizontal-xxs_18wu0_zwamc_724", "m-bottom-xxs": "awsui_m-bottom-xxs_18wu0_zwamc_728", "m-left-xxs": "awsui_m-left-xxs_18wu0_zwamc_733", "m-xs": "awsui_m-xs_18wu0_zwamc_738", "m-top-xs": "awsui_m-top-xs_18wu0_zwamc_743", "m-vertical-xs": "awsui_m-vertical-xs_18wu0_zwamc_744", "m-right-xs": "awsui_m-right-xs_18wu0_zwamc_748", "m-horizontal-xs": "awsui_m-horizontal-xs_18wu0_zwamc_749", "m-bottom-xs": "awsui_m-bottom-xs_18wu0_zwamc_753", "m-left-xs": "awsui_m-left-xs_18wu0_zwamc_758", "m-s": "awsui_m-s_18wu0_zwamc_763", "m-top-s": "awsui_m-top-s_18wu0_zwamc_768", "m-vertical-s": "awsui_m-vertical-s_18wu0_zwamc_769", "m-right-s": "awsui_m-right-s_18wu0_zwamc_773", "m-horizontal-s": "awsui_m-horizontal-s_18wu0_zwamc_774", "m-bottom-s": "awsui_m-bottom-s_18wu0_zwamc_778", "m-left-s": "awsui_m-left-s_18wu0_zwamc_783", "m-m": "awsui_m-m_18wu0_zwamc_788", "m-top-m": "awsui_m-top-m_18wu0_zwamc_793", "m-vertical-m": "awsui_m-vertical-m_18wu0_zwamc_794", "m-right-m": "awsui_m-right-m_18wu0_zwamc_798", "m-horizontal-m": "awsui_m-horizontal-m_18wu0_zwamc_799", "m-bottom-m": "awsui_m-bottom-m_18wu0_zwamc_803", "m-left-m": "awsui_m-left-m_18wu0_zwamc_808", "m-l": "awsui_m-l_18wu0_zwamc_683", "m-top-l": "awsui_m-top-l_18wu0_zwamc_818", "m-vertical-l": "awsui_m-vertical-l_18wu0_zwamc_819", "m-right-l": "awsui_m-right-l_18wu0_zwamc_823", "m-horizontal-l": "awsui_m-horizontal-l_18wu0_zwamc_824", "m-bottom-l": "awsui_m-bottom-l_18wu0_zwamc_828", "m-left-l": "awsui_m-left-l_18wu0_zwamc_833", "m-xl": "awsui_m-xl_18wu0_zwamc_838", "m-top-xl": "awsui_m-top-xl_18wu0_zwamc_843", "m-vertical-xl": "awsui_m-vertical-xl_18wu0_zwamc_844", "m-right-xl": "awsui_m-right-xl_18wu0_zwamc_848", "m-horizontal-xl": "awsui_m-horizontal-xl_18wu0_zwamc_849", "m-bottom-xl": "awsui_m-bottom-xl_18wu0_zwamc_853", "m-left-xl": "awsui_m-left-xl_18wu0_zwamc_858", "m-xxl": "awsui_m-xxl_18wu0_zwamc_863", "m-top-xxl": "awsui_m-top-xxl_18wu0_zwamc_868", "m-vertical-xxl": "awsui_m-vertical-xxl_18wu0_zwamc_869", "m-right-xxl": "awsui_m-right-xxl_18wu0_zwamc_873", "m-horizontal-xxl": "awsui_m-horizontal-xxl_18wu0_zwamc_874", "m-bottom-xxl": "awsui_m-bottom-xxl_18wu0_zwamc_878", "m-left-xxl": "awsui_m-left-xxl_18wu0_zwamc_883", "m-xxxl": "awsui_m-xxxl_18wu0_zwamc_888", "m-top-xxxl": "awsui_m-top-xxxl_18wu0_zwamc_893", "m-vertical-xxxl": "awsui_m-vertical-xxxl_18wu0_zwamc_894", "m-right-xxxl": "awsui_m-right-xxxl_18wu0_zwamc_898", "m-horizontal-xxxl": "awsui_m-horizontal-xxxl_18wu0_zwamc_899", "m-bottom-xxxl": "awsui_m-bottom-xxxl_18wu0_zwamc_903", "m-left-xxxl": "awsui_m-left-xxxl_18wu0_zwamc_908", "d-block": "awsui_d-block_18wu0_zwamc_913", "d-inline": "awsui_d-inline_18wu0_zwamc_916", "d-inline-block": "awsui_d-inline-block_18wu0_zwamc_919", "d-none": "awsui_d-none_18wu0_zwamc_922", "f-left": "awsui_f-left_18wu0_zwamc_926", "f-right": "awsui_f-right_18wu0_zwamc_930", "root": "awsui_root_18wu0_zwamc_934" };