playbook_ui_docs 13.12.0.pre.alpha.play900startratingasinput1612 → 13.12.0.pre.alpha.play1051highchartstest1556
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb +1 -11
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +2 -17
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb +1 -6
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +5 -22
- data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +5 -10
- data/app/pb_kits/playbook/pb_star_rating/docs/index.js +0 -6
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -4
- data/dist/playbook-doc.js +8 -8
- metadata +2 -24
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +0 -7
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +0 -13
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +0 -5
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +0 -15
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.html.erb +0 -7
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.jsx +0 -40
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb +0 -12
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx +0 -57
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb +0 -23
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx +0 -59
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +0 -35
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +0 -29
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +0 -13
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +0 -24
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +0 -13
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +0 -10
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +0 -6
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui_docs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.12.0.pre.alpha.
|
4
|
+
version: 13.12.0.pre.alpha.play1051highchartstest1556
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-
|
12
|
+
date: 2023-11-28 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -949,24 +949,16 @@ files:
|
|
949
949
|
- app/pb_kits/playbook/pb_multiple_users/docs/_description.md
|
950
950
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb
|
951
951
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
|
952
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md
|
953
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md
|
954
952
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
|
955
953
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
|
956
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md
|
957
954
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb
|
958
955
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
|
959
956
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
|
960
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
|
961
957
|
- app/pb_kits/playbook/pb_multiple_users/docs/example.yml
|
962
958
|
- app/pb_kits/playbook/pb_multiple_users/docs/index.js
|
963
959
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
|
964
960
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb
|
965
961
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
|
966
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
|
967
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md
|
968
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md
|
969
|
-
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md
|
970
962
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
|
971
963
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js
|
972
964
|
- app/pb_kits/playbook/pb_nav/docs/_block_nav.html.erb
|
@@ -1312,16 +1304,10 @@ files:
|
|
1312
1304
|
- app/pb_kits/playbook/pb_source/docs/example.yml
|
1313
1305
|
- app/pb_kits/playbook/pb_source/docs/index.js
|
1314
1306
|
- app/pb_kits/playbook/pb_star_rating/docs/_description.md
|
1315
|
-
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.html.erb
|
1316
|
-
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.jsx
|
1317
1307
|
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb
|
1318
1308
|
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx
|
1319
1309
|
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb
|
1320
1310
|
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx
|
1321
|
-
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb
|
1322
|
-
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx
|
1323
|
-
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb
|
1324
|
-
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx
|
1325
1311
|
- app/pb_kits/playbook/pb_star_rating/docs/example.yml
|
1326
1312
|
- app/pb_kits/playbook/pb_star_rating/docs/index.js
|
1327
1313
|
- app/pb_kits/playbook/pb_stat_change/docs/_description.md
|
@@ -1412,25 +1398,20 @@ files:
|
|
1412
1398
|
- app/pb_kits/playbook/pb_text_input/docs/_footer.md
|
1413
1399
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb
|
1414
1400
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx
|
1415
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md
|
1416
1401
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
|
1417
1402
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
|
1418
1403
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
|
1419
1404
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
|
1420
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md
|
1421
1405
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
|
1422
1406
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
|
1423
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md
|
1424
1407
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
|
1425
1408
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
|
1426
1409
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
|
1427
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
|
1428
1410
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
|
1429
1411
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
|
1430
1412
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
|
1431
1413
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
|
1432
1414
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
|
1433
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
|
1434
1415
|
- app/pb_kits/playbook/pb_text_input/docs/example.yml
|
1435
1416
|
- app/pb_kits/playbook/pb_text_input/docs/index.js
|
1436
1417
|
- app/pb_kits/playbook/pb_textarea/docs/_description.md
|
@@ -1556,12 +1537,9 @@ files:
|
|
1556
1537
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx
|
1557
1538
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb
|
1558
1539
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
|
1559
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md
|
1560
1540
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
|
1561
1541
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
|
1562
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md
|
1563
1542
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb
|
1564
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md
|
1565
1543
|
- app/pb_kits/playbook/pb_toggle/docs/example.yml
|
1566
1544
|
- app/pb_kits/playbook/pb_toggle/docs/index.js
|
1567
1545
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
|
@@ -1,11 +0,0 @@
|
|
1
|
-
![mulitple-users-default](https://github.com/powerhome/playbook/assets/92755007/73dffd55-14f7-468e-b6ea-4e700980183d)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let twoUsers = [andrew, picAndrew]
|
6
|
-
|
7
|
-
PBDoc(title: "xSmall") {
|
8
|
-
PBMultipleUsers(users: twoUsers, size: .xSmall)
|
9
|
-
}
|
10
|
-
|
11
|
-
```
|
@@ -1,7 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Users** | `[PBUser]` | Sets the user's avatars | | |
|
5
|
-
| **Size** | `AvatarSize` | Changes the size of the avatars | `.small` | `.xSmall` `.small` |
|
6
|
-
| **Reversed** | `Bool` | Changes the order of the avatars | `false` | `true` `false` |
|
7
|
-
| **Max Displayed Users** | `Int` | Limits the number of avatars displayed | `4` | |
|
@@ -1,13 +0,0 @@
|
|
1
|
-
![multiple-users-reverse](https://github.com/powerhome/playbook/assets/92755007/be3f6f7d-f699-40f2-bbb6-8a99144a8744)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
|
8
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
9
|
-
PBMultipleUsers(users: multipleUsers, size: .small, reversed: true)
|
10
|
-
PBMultipleUsers(users: twoUsers, size: .small, reversed: true)
|
11
|
-
}
|
12
|
-
|
13
|
-
```
|
@@ -1,11 +0,0 @@
|
|
1
|
-
![mulitple-users-size](https://github.com/powerhome/playbook/assets/92755007/5c15b862-fb32-4e0a-a826-bc25b1db555e)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
6
|
-
|
7
|
-
PBDoc(title: "Small") {
|
8
|
-
PBMultipleUsers(users: multipleUsers, size: .small)
|
9
|
-
}
|
10
|
-
|
11
|
-
```
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
![mulitple-users-stacked-default](https://github.com/powerhome/playbook/assets/92755007/180e1275-3eb6-4b28-b1ef-bdde45ab3c2e)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let oneUser = [andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
8
|
-
|
9
|
-
HStack(spacing: Spacing.xSmall) {
|
10
|
-
PBMultipleUsersStacked(users: oneUser, size: .default)
|
11
|
-
PBMultipleUsersStacked(users: twoUsers, size: .default)
|
12
|
-
PBMultipleUsersStacked(users: multipleUsers, size: .default)
|
13
|
-
}
|
14
|
-
|
15
|
-
```
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md
DELETED
@@ -1,5 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **Users** | `[PBUser]` | Sets the user's avatars | | |
|
5
|
-
| **Size** | `Size` | Changes the size of the avatars | `.small` | `.default` `.small` `.xSmall` |
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
![mulitple-users-stacked-small](https://github.com/powerhome/playbook/assets/92755007/277fd685-6302-462e-a02a-18a8fcb57715)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let oneUser = [andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
8
|
-
|
9
|
-
HStack(spacing: Spacing.xSmall) {
|
10
|
-
PBMultipleUsersStacked(users: oneUser)
|
11
|
-
PBMultipleUsersStacked(users: twoUsers)
|
12
|
-
PBMultipleUsersStacked(users: multipleUsers)
|
13
|
-
}
|
14
|
-
|
15
|
-
```
|
data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
![mulitple-users-stacked-xsmall](https://github.com/powerhome/playbook/assets/92755007/4f31976f-a41b-4923-9230-5015f6ad75f8)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let oneUser = [andrew]
|
6
|
-
let twoUsers = [andrew, picAndrew]
|
7
|
-
let multipleUsers = [andrew, picAndrew, andrew, andrew]
|
8
|
-
|
9
|
-
HStack(spacing: Spacing.xSmall) {
|
10
|
-
PBMultipleUsersStacked(users: oneUser, size: .xSmall)
|
11
|
-
PBMultipleUsersStacked(users: twoUsers, size: .xSmall)
|
12
|
-
PBMultipleUsersStacked(users: multipleUsers, size: .xSmall)
|
13
|
-
}
|
14
|
-
|
15
|
-
```
|
@@ -1,7 +0,0 @@
|
|
1
|
-
<%= pb_rails("star_rating", props: { rating: 3 }) %>
|
2
|
-
</br>
|
3
|
-
<%= pb_rails("star_rating", props: { rating: 3, color_option: "outline" }) %>
|
4
|
-
</br>
|
5
|
-
<%= pb_rails("star_rating", props: { rating: 3, color_option: "primary" }) %>
|
6
|
-
</br>
|
7
|
-
<%= pb_rails("star_rating", props: { rating: 3, color_option: "subtle" }) %>
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
|
3
|
-
import StarRating from '../_star_rating'
|
4
|
-
|
5
|
-
const StarRatingColorOptions = (props) => (
|
6
|
-
<>
|
7
|
-
|
8
|
-
<StarRating
|
9
|
-
rating={3}
|
10
|
-
{...props}
|
11
|
-
/>
|
12
|
-
|
13
|
-
<br />
|
14
|
-
|
15
|
-
<StarRating
|
16
|
-
colorOption='outline'
|
17
|
-
rating={3}
|
18
|
-
{...props}
|
19
|
-
/>
|
20
|
-
|
21
|
-
<br />
|
22
|
-
|
23
|
-
<StarRating
|
24
|
-
colorOption='primary'
|
25
|
-
rating={3}
|
26
|
-
{...props}
|
27
|
-
/>
|
28
|
-
|
29
|
-
<br />
|
30
|
-
|
31
|
-
<StarRating
|
32
|
-
colorOption='subtle'
|
33
|
-
rating={3}
|
34
|
-
{...props}
|
35
|
-
/>
|
36
|
-
|
37
|
-
</>
|
38
|
-
)
|
39
|
-
|
40
|
-
export default StarRatingColorOptions
|
@@ -1,12 +0,0 @@
|
|
1
|
-
<%= pb_rails("star_rating", props: { rating: 3, denominator: 3 }) %>
|
2
|
-
</br>
|
3
|
-
<%= pb_rails("star_rating", props: { rating: 3, denominator: 4 }) %>
|
4
|
-
</br>
|
5
|
-
<%= pb_rails("star_rating", props: { rating: 3 }) %>
|
6
|
-
</br>
|
7
|
-
<%= pb_rails("star_rating", props: { rating: 3, denominator: 6 }) %>
|
8
|
-
</br>
|
9
|
-
<%= pb_rails("star_rating", props: { rating: 3, denominator: 7 }) %>
|
10
|
-
</br>
|
11
|
-
<%= pb_rails("star_rating", props: { rating: 3, denominator: 8 }) %>
|
12
|
-
</br>
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
|
3
|
-
import StarRating from '../_star_rating'
|
4
|
-
|
5
|
-
const StarRatingNumberConfig = (props) => (
|
6
|
-
<>
|
7
|
-
|
8
|
-
<StarRating
|
9
|
-
denominator={3}
|
10
|
-
rating={3}
|
11
|
-
{...props}
|
12
|
-
/>
|
13
|
-
|
14
|
-
<br />
|
15
|
-
|
16
|
-
<StarRating
|
17
|
-
denominator={4}
|
18
|
-
rating={3}
|
19
|
-
{...props}
|
20
|
-
/>
|
21
|
-
|
22
|
-
<br />
|
23
|
-
|
24
|
-
<StarRating
|
25
|
-
denominator={5}
|
26
|
-
rating={3}
|
27
|
-
{...props}
|
28
|
-
/>
|
29
|
-
|
30
|
-
<br />
|
31
|
-
|
32
|
-
<StarRating
|
33
|
-
denominator={6}
|
34
|
-
rating={3}
|
35
|
-
{...props}
|
36
|
-
/>
|
37
|
-
|
38
|
-
<br />
|
39
|
-
|
40
|
-
<StarRating
|
41
|
-
denominator={7}
|
42
|
-
rating={3}
|
43
|
-
{...props}
|
44
|
-
/>
|
45
|
-
|
46
|
-
<br />
|
47
|
-
|
48
|
-
<StarRating
|
49
|
-
denominator={8}
|
50
|
-
rating={3}
|
51
|
-
{...props}
|
52
|
-
/>
|
53
|
-
|
54
|
-
</>
|
55
|
-
)
|
56
|
-
|
57
|
-
export default StarRatingNumberConfig
|
@@ -1,23 +0,0 @@
|
|
1
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "xs" }) %>
|
2
|
-
|
3
|
-
<br>
|
4
|
-
|
5
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "sm" }) %>
|
6
|
-
|
7
|
-
<br>
|
8
|
-
|
9
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "md" }) %>
|
10
|
-
|
11
|
-
<br>
|
12
|
-
|
13
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "lg" }) %>
|
14
|
-
|
15
|
-
<br>
|
16
|
-
|
17
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "lg", layout_option: "number" }) %>
|
18
|
-
|
19
|
-
<br>
|
20
|
-
|
21
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "lg", layout_option: "onestar" }) %>
|
22
|
-
|
23
|
-
<br>
|
@@ -1,59 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
|
3
|
-
import StarRating from '../_star_rating'
|
4
|
-
|
5
|
-
const StarRatingSizeOptions = (props) => (
|
6
|
-
<>
|
7
|
-
|
8
|
-
<StarRating
|
9
|
-
rating={3}
|
10
|
-
size="xs"
|
11
|
-
{...props}
|
12
|
-
/>
|
13
|
-
|
14
|
-
<br />
|
15
|
-
|
16
|
-
<StarRating
|
17
|
-
rating={3}
|
18
|
-
size="sm"
|
19
|
-
{...props}
|
20
|
-
/>
|
21
|
-
|
22
|
-
<br />
|
23
|
-
|
24
|
-
<StarRating
|
25
|
-
rating={3}
|
26
|
-
size="md"
|
27
|
-
{...props}
|
28
|
-
/>
|
29
|
-
|
30
|
-
<br />
|
31
|
-
|
32
|
-
<StarRating
|
33
|
-
rating={3}
|
34
|
-
size="lg"
|
35
|
-
{...props}
|
36
|
-
/>
|
37
|
-
|
38
|
-
<br />
|
39
|
-
|
40
|
-
<StarRating
|
41
|
-
layoutOption="number"
|
42
|
-
rating={3}
|
43
|
-
size="lg"
|
44
|
-
{...props}
|
45
|
-
/>
|
46
|
-
|
47
|
-
<br />
|
48
|
-
|
49
|
-
<StarRating
|
50
|
-
layoutOption="onestar"
|
51
|
-
rating={3}
|
52
|
-
size="lg"
|
53
|
-
{...props}
|
54
|
-
/>
|
55
|
-
|
56
|
-
</>
|
57
|
-
)
|
58
|
-
|
59
|
-
export default StarRatingSizeOptions
|
@@ -1,35 +0,0 @@
|
|
1
|
-
![text-input-add-on](https://github.com/powerhome/playbook/assets/92755007/65a28e6a-9e65-4ca1-af8d-91dae6eac4f5)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
PBTextInput(
|
6
|
-
"ADD ON WITH DEFAULTS",
|
7
|
-
text: $textAddOn,
|
8
|
-
style: .rightIcon(.user, divider: true)
|
9
|
-
)
|
10
|
-
|
11
|
-
PBTextInput(
|
12
|
-
"RIGHT-ALIGNED ADD ON WITH BORDER",
|
13
|
-
text: $textAddOnRight,
|
14
|
-
style: .rightIcon(.user, divider: true)
|
15
|
-
)
|
16
|
-
|
17
|
-
PBTextInput(
|
18
|
-
"RIGHT-ALIGNED ADD ON WITH NO BORDER",
|
19
|
-
text: $textAddOnRightNoBorder,
|
20
|
-
style: .rightIcon(.user, divider: false)
|
21
|
-
)
|
22
|
-
|
23
|
-
PBTextInput(
|
24
|
-
"LEFT-ALIGNED ADD ON WITH NO BORDER",
|
25
|
-
text: $textAddOnLeft,
|
26
|
-
style: .leftIcon(.user, divider: false)
|
27
|
-
)
|
28
|
-
|
29
|
-
PBTextInput(
|
30
|
-
"LEFT-ALIGNED ADD ON WITH BORDER",
|
31
|
-
text: $textAddOnLeftNoBorder,
|
32
|
-
style: .leftIcon(.user, divider: true)
|
33
|
-
)
|
34
|
-
|
35
|
-
```
|
@@ -1,29 +0,0 @@
|
|
1
|
-
![text-input-default](https://github.com/powerhome/playbook/assets/92755007/625a246e-9d5c-42ea-8c6e-7afcf0984c9a)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
@State private var textFirstName: String = ""
|
7
|
-
@State private var textLastName: String = ""
|
8
|
-
@State private var textPhone: String = ""
|
9
|
-
|
10
|
-
PBTextInput(
|
11
|
-
"First name",
|
12
|
-
text: $textFirstName,
|
13
|
-
placeholder: "Enter first name"
|
14
|
-
)
|
15
|
-
|
16
|
-
PBTextInput(
|
17
|
-
"Last name",
|
18
|
-
text: $textLastName,
|
19
|
-
placeholder: "Enter last name"
|
20
|
-
)
|
21
|
-
|
22
|
-
PBTextInput(
|
23
|
-
"Phone number",
|
24
|
-
text: $textPhone,
|
25
|
-
placeholder: "Enter phone number",
|
26
|
-
keyboardType: .phonePad
|
27
|
-
)
|
28
|
-
|
29
|
-
```
|
@@ -1,24 +0,0 @@
|
|
1
|
-
![text-input-error](https://github.com/powerhome/playbook/assets/92755007/7c664f75-1d7a-4a94-bc59-6f845a68ce19)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
@State private var textError: String = ""
|
7
|
-
@State private var textConfirmError: String = ""
|
8
|
-
|
9
|
-
PBTextInput(
|
10
|
-
"Email address",
|
11
|
-
text: $textError,
|
12
|
-
placeholder: "Enter email address",
|
13
|
-
error: (true, "Insert a valid email"),
|
14
|
-
style: .leftIcon(.user, divider: true)
|
15
|
-
)
|
16
|
-
|
17
|
-
PBTextInput(
|
18
|
-
"Confirm email address",
|
19
|
-
text: $textConfirmError,
|
20
|
-
placeholder: "Confirm email address",
|
21
|
-
style: .leftIcon(.user, divider: true)
|
22
|
-
)
|
23
|
-
|
24
|
-
```
|
@@ -1,13 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **title** | `String` | Adds a title | `nil` | |
|
5
|
-
| **placeholder** | `String` | Adds placeholder text | `""` | |
|
6
|
-
| **error** | `(Bool, String)` | Changes the style of the Text Input | `nil` | |
|
7
|
-
| **style** | `Style` | Changes the style of the Text Input | `.default` | `.default` `.rightIcon` `.leftIcon` `.inline` `.disabled` |
|
8
|
-
| **onChange** | `Bool` | Adds an event handler | `nil` | |
|
9
|
-
| **keyboardType** | `UIKeyboardType` | Speficies the keyboard type (ios only) | `.default` | |
|
10
|
-
| **text** | `String` | Sets the Text Input's text value | | |
|
11
|
-
| **selected** | `Bool` | Changes the style of the Text Input | | `true` `false` |
|
12
|
-
| **isHovering** | `Bool` | Changes the style of the Text Input | `false` | `true` `false` |
|
13
|
-
| **isIconHovering** | `Bool` | Changes the style of the Text Input | `false` | `true` `false` |
|
@@ -1,6 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **isHovering** | `Bool` | Changes the style of the Toggle | `false` | `true` `false` |
|
5
|
-
| **label** | `String` | Adds a label to the Toggle | `nil` | |
|
6
|
-
| **checked** | `Bool` | Changes the style of the Toggle | | `true` `false` |
|