playbook_ui_docs 14.10.0.pre.rc.22 → 14.10.0.pre.rc.23

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e274c86ac4c923a6279bb371842affbd0a9dc275012880d640b7c965e5d0aa0a
4
- data.tar.gz: 14cf731be81befb7d0f2dd54d276752866c77b0bd6107b0ba55e2665b229c2e5
3
+ metadata.gz: 70e4b512e225beeef160740a4c62c59e2454d608ffa80297add37123dccdc056
4
+ data.tar.gz: 0d81405394dbac8097a897fbb87e3947d64a84b3f4c6a9c8a726f9ce8be867d2
5
5
  SHA512:
6
- metadata.gz: 6a24cc6d288630f58e6aa11480cf300200e8b84730c14d84369da642215759ee5305fa65b39e7619382d77bc8ea1d4a2dd05ccaa289d409663cdfd6fcd7ea476
7
- data.tar.gz: a6d072acc819a885df53c08b4ea1695a339d9ae88001363be108946e06d7a8ad56171670b8fa71f497b9f59f5aa207283e020f83550746e819ef17a542cfcd26
6
+ metadata.gz: 2dac436372f714e58c8fa7f6bcefed3b1afde2d240cea655965db964095abad6d157018c16b5ad3cfe2f4b54f043b7d18f3e0a15bf6de92aaba87b790ad5c7ad
7
+ data.tar.gz: 3bbb9ff345a9474a3942f63eb5848efd5dff41e6a5d872d52464af5039f199fa343069ddf4102951be4d7bbfd3b0c386127566d9ca193e3e41532bd6deb37d77
@@ -67,4 +67,24 @@
67
67
  <%= pb_rails("card/card_body", props: { padding: "md", }) do %>
68
68
  Body
69
69
  <% end %>
70
- <% end %>
70
+ <% end %>
71
+
72
+ <%= pb_rails("title", props: { text: "Status Colors", tag: "h4", size: 4, margin_bottom: "sm" }) %>
73
+
74
+ <%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
75
+ <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "success" }) do %>
76
+ <%= pb_rails("body", props: { text: "Success", dark: true }) %>
77
+ <% end %>
78
+ <%= pb_rails("card/card_body", props: { padding: "md" }) do %>
79
+ Body
80
+ <% end %>
81
+ <% end %>
82
+
83
+ <%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
84
+ <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "error" }) do %>
85
+ <%= pb_rails("body", props: { text: "Error", dark: true }) %>
86
+ <% end %>
87
+ <%= pb_rails("card/card_body", props: { padding: "md" }) do %>
88
+ Body
89
+ <% end %>
90
+ <% end %>
@@ -181,6 +181,56 @@ const CardHeader = (props) => {
181
181
  />
182
182
  </Card.Body>
183
183
  </Card>
184
+
185
+ <Title
186
+ {...props}
187
+ marginBottom='sm'
188
+ size={4}
189
+ tag="h4"
190
+ text="Status Colors"
191
+ />
192
+
193
+ <Card
194
+ {...props}
195
+ marginBottom='sm'
196
+ padding="none"
197
+ >
198
+ <Card.Header
199
+ headerColor="success"
200
+ >
201
+ <Body
202
+ dark
203
+ text="Success"
204
+ />
205
+ </Card.Header>
206
+ <Card.Body>
207
+ <Body
208
+ {...props}
209
+ text="Body"
210
+ />
211
+ </Card.Body>
212
+ </Card>
213
+
214
+ <Card
215
+ {...props}
216
+ marginBottom='sm'
217
+ padding="none"
218
+ >
219
+ <Card.Header
220
+ headerColor="error"
221
+ >
222
+ <Body
223
+ dark
224
+ text="Error"
225
+ />
226
+ </Card.Header>
227
+ <Card.Body>
228
+ <Body
229
+ {...props}
230
+ text="Body"
231
+ />
232
+ </Card.Body>
233
+ </Card>
184
234
  </>
185
235
  )
186
236
  }
@@ -1 +1 @@
1
- Card headers pass category, product, and background colors only. List of all category, product, and background colors can be viewed <a href="https://playbook.powerapp.cloud/visual_guidelines/colors" target="_blank">here</a>.
1
+ Card headers pass category, product, status and background colors only. List of all category, product, status and background colors can be viewed <a href="https://playbook.powerapp.cloud/visual_guidelines/colors" target="_blank">here</a>.