playbook_ui_docs 13.12.0.pre.alpha.play10281596 → 13.12.0
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_section_separator/docs/example.yml +0 -8
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_textarea/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -4
- data/dist/playbook-doc.js +8 -8
- metadata +7 -32
- 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_section_separator/docs/_section_separator_children_swift.md +0 -14
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed_swift.md +0 -7
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line_swift.md +0 -8
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_props_swift.md +0 -8
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text_swift.md +0 -7
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical_swift.md +0 -18
- 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_textarea/docs/_textarea_default_swift.md +0 -27
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error_swift.md +0 -11
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_props_swift.md +0 -9
- 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,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui_docs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.12.0
|
4
|
+
version: 13.12.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-
|
12
|
+
date: 2023-11-22 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
|
@@ -1209,20 +1201,14 @@ files:
|
|
1209
1201
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.html.erb
|
1210
1202
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx
|
1211
1203
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.md
|
1212
|
-
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children_swift.md
|
1213
1204
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.html.erb
|
1214
1205
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx
|
1215
|
-
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed_swift.md
|
1216
1206
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb
|
1217
1207
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx
|
1218
|
-
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line_swift.md
|
1219
|
-
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_props_swift.md
|
1220
1208
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.html.erb
|
1221
1209
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx
|
1222
|
-
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text_swift.md
|
1223
1210
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.html.erb
|
1224
1211
|
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
|
1225
|
-
- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical_swift.md
|
1226
1212
|
- app/pb_kits/playbook/pb_section_separator/docs/example.yml
|
1227
1213
|
- app/pb_kits/playbook/pb_section_separator/docs/index.js
|
1228
1214
|
- app/pb_kits/playbook/pb_select/docs/_description.md
|
@@ -1406,25 +1392,20 @@ files:
|
|
1406
1392
|
- app/pb_kits/playbook/pb_text_input/docs/_footer.md
|
1407
1393
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb
|
1408
1394
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx
|
1409
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md
|
1410
1395
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
|
1411
1396
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
|
1412
1397
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
|
1413
1398
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
|
1414
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md
|
1415
1399
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
|
1416
1400
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
|
1417
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md
|
1418
1401
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
|
1419
1402
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
|
1420
1403
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
|
1421
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
|
1422
1404
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
|
1423
1405
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
|
1424
1406
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
|
1425
1407
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
|
1426
1408
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
|
1427
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
|
1428
1409
|
- app/pb_kits/playbook/pb_text_input/docs/example.yml
|
1429
1410
|
- app/pb_kits/playbook/pb_text_input/docs/index.js
|
1430
1411
|
- app/pb_kits/playbook/pb_textarea/docs/_description.md
|
@@ -1435,14 +1416,11 @@ files:
|
|
1435
1416
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx
|
1436
1417
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
|
1437
1418
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
|
1438
|
-
- app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md
|
1439
1419
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb
|
1440
1420
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx
|
1441
1421
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_error.md
|
1442
|
-
- app/pb_kits/playbook/pb_textarea/docs/_textarea_error_swift.md
|
1443
1422
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_inline.html.erb
|
1444
1423
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_inline.jsx
|
1445
|
-
- app/pb_kits/playbook/pb_textarea/docs/_textarea_props_swift.md
|
1446
1424
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.html.erb
|
1447
1425
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx
|
1448
1426
|
- app/pb_kits/playbook/pb_textarea/docs/example.yml
|
@@ -1550,12 +1528,9 @@ files:
|
|
1550
1528
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx
|
1551
1529
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb
|
1552
1530
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
|
1553
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md
|
1554
1531
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
|
1555
1532
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
|
1556
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md
|
1557
1533
|
- app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb
|
1558
|
-
- app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md
|
1559
1534
|
- app/pb_kits/playbook/pb_toggle/docs/example.yml
|
1560
1535
|
- app/pb_kits/playbook/pb_toggle/docs/index.js
|
1561
1536
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
|
@@ -1683,7 +1658,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
1683
1658
|
licenses:
|
1684
1659
|
- ISC
|
1685
1660
|
metadata: {}
|
1686
|
-
post_install_message:
|
1661
|
+
post_install_message:
|
1687
1662
|
rdoc_options: []
|
1688
1663
|
require_paths:
|
1689
1664
|
- lib
|
@@ -1694,12 +1669,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
1694
1669
|
version: '0'
|
1695
1670
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
1696
1671
|
requirements:
|
1697
|
-
- - "
|
1672
|
+
- - ">="
|
1698
1673
|
- !ruby/object:Gem::Version
|
1699
|
-
version:
|
1674
|
+
version: '0'
|
1700
1675
|
requirements: []
|
1701
1676
|
rubygems_version: 3.3.7
|
1702
|
-
signing_key:
|
1677
|
+
signing_key:
|
1703
1678
|
specification_version: 4
|
1704
1679
|
summary: Playbook Design System Docs
|
1705
1680
|
test_files: []
|
@@ -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,14 +0,0 @@
|
|
1
|
-
|
2
|
-
![section-separator-children](https://github.com/powerhome/playbook/assets/92755007/acd6a8eb-d034-4efd-b2e6-afabe739e678)
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
PBSectionSeparator(variant: .dashed) {
|
7
|
-
PBCard(alignment: .center, borderRadius: BorderRadius.rounded, padding: Spacing.xxSmall, width: 70) {
|
8
|
-
Text("Today")
|
9
|
-
.pbFont(.caption)
|
10
|
-
.frame(maxWidth: .infinity, alignment: .center)
|
11
|
-
}
|
12
|
-
}
|
13
|
-
|
14
|
-
```
|
@@ -1,8 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **text** | `String` | Adds text to the Section Separator | `nil` | |
|
5
|
-
| **orientation** | `Orientation` | Changes the orientation | `.horizontal` | `.horizontal` `.vertical` |
|
6
|
-
| **variant** | `Variant` | Changes the style of the Section Separator | `.card` | `.dashed` `.card` |
|
7
|
-
| **dividerOpacity** | `CGFloat` | Adjusts the opacity of the divider | `1` | |
|
8
|
-
| **margin** | `CGFloat` | Adds margin between text and the divider | `Spacing.xSmall` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |
|
@@ -1,18 +0,0 @@
|
|
1
|
-
![section-separator-verticle](https://github.com/powerhome/playbook/assets/92755007/21ca54a5-6b8a-459f-91ad-4e9b68258f68)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let loremIpsum: some View = Text(
|
6
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
|
7
|
-
)
|
8
|
-
|
9
|
-
HStack(spacing: Spacing.none) {
|
10
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
|
11
|
-
PBSectionSeparator(orientation: .vertical)
|
12
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
|
13
|
-
}
|
14
|
-
.frame(maxWidth: .infinity)
|
15
|
-
.frame(height: 120, alignment: .center)
|
16
|
-
.listRowSeparator(.hidden)
|
17
|
-
|
18
|
-
```
|
@@ -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,27 +0,0 @@
|
|
1
|
-
![textarea-default](https://github.com/powerhome/playbook/assets/92755007/40eec958-63d7-4840-bf5c-f8d1e34c911a)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
@State var defaultText = ""
|
6
|
-
@State var placeholderText = ""
|
7
|
-
@State var customText = "Default value text"
|
8
|
-
|
9
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
10
|
-
PBTextArea(
|
11
|
-
"Label",
|
12
|
-
text: $defaultText
|
13
|
-
)
|
14
|
-
|
15
|
-
PBTextArea(
|
16
|
-
"Label",
|
17
|
-
text: $placeholderText,
|
18
|
-
placeholder: "Placeholder with text"
|
19
|
-
)
|
20
|
-
|
21
|
-
PBTextArea(
|
22
|
-
"Label",
|
23
|
-
text: $customText
|
24
|
-
)
|
25
|
-
}
|
26
|
-
|
27
|
-
```
|
@@ -1,9 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **characterCount** | `CharacterCount` | Adds a character counter to the Textarea | `.noCount` | `.noCount` `.count` `.maxCharacterCount` `.maxCharacterCountBlock` `.maxCharacterCountError` |
|
5
|
-
| **inline** | `Bool` | Changes the style of the Textarea | `false` | `true` `false` |
|
6
|
-
| **label** | `String` | Adds a label | `nil` | |
|
7
|
-
| **placeholder** | `String` | Adds placeholder text | `nil` | |
|
8
|
-
| **text** | `String` | Sets the Textarea's text value | `Binding<String>` | |
|
9
|
-
| **error** | `String` | Changes the style of the Textarea | `nil` | |
|
@@ -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` |
|