playbook_ui 13.27.0.pre.alpha.PLAY1349checkboxzindexsticky2936 → 13.27.0.pre.alpha.PLAY11782916
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_advanced_table/advanced_table.html.erb +5 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +5 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +5 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +5 -1
- data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +6 -1
- data/app/pb_kits/playbook/pb_badge/badge.html.erb +6 -1
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +0 -1
- data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb +6 -1
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +2 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +6 -1
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +10 -21
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +75 -3
- data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +6 -1
- data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +6 -1
- data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +6 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_collapsible/docs/index.js +1 -3
- data/app/pb_kits/playbook/pb_collapsible/index.js +6 -16
- data/app/pb_kits/playbook/pb_contact/contact.html.erb +6 -1
- data/app/pb_kits/playbook/pb_currency/currency.html.erb +6 -1
- data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb +6 -1
- data/app/pb_kits/playbook/pb_date/date.html.erb +6 -1
- data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb +5 -1
- data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb +5 -1
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +5 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +6 -1
- data/app/pb_kits/playbook/pb_date_time/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +6 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb +5 -1
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -4
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +4 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +3 -6
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +6 -11
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +2 -5
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb +8 -13
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +2 -5
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb +8 -13
- data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +8 -2
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.rb +5 -1
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +12 -2
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +0 -9
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +6 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +6 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +6 -1
- data/app/pb_kits/playbook/pb_icon_value/icon_value.html.erb +6 -1
- data/app/pb_kits/playbook/pb_label_pill/label_pill.html.erb +6 -1
- data/app/pb_kits/playbook/pb_label_value/label_value.html.erb +6 -1
- data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +5 -1
- data/app/pb_kits/playbook/pb_message/message_mention.html.erb +6 -6
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +6 -1
- data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +6 -1
- data/app/pb_kits/playbook/pb_pagination/_pagination.scss +1 -1
- data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +6 -1
- data/app/pb_kits/playbook/pb_person/person.html.erb +6 -1
- data/app/pb_kits/playbook/pb_person_contact/person_contact.html.erb +6 -1
- data/app/pb_kits/playbook/pb_pill/pill.html.erb +6 -1
- data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +6 -1
- data/app/pb_kits/playbook/pb_select/_select.scss +0 -8
- data/app/pb_kits/playbook/pb_select/_select.tsx +13 -1
- data/app/pb_kits/playbook/pb_source/source.html.erb +5 -1
- data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +5 -1
- data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +5 -1
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +0 -19
- data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb +5 -1
- data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +5 -1
- data/app/pb_kits/playbook/pb_timeline/item.html.erb +5 -1
- data/app/pb_kits/playbook/pb_timeline/timeline.html.erb +5 -1
- data/app/pb_kits/playbook/pb_timestamp/timestamp.html.erb +6 -1
- data/app/pb_kits/playbook/pb_title_count/title_count.html.erb +6 -1
- data/app/pb_kits/playbook/pb_title_detail/title_detail.html.erb +5 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb +6 -1
- data/dist/playbook-rails.js +5 -5
- data/lib/playbook/forms/builder.rb +0 -1
- data/lib/playbook/kit_base.rb +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +2 -32
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleIcon.tsx +0 -92
- data/app/pb_kits/playbook/pb_collapsible/collapsible_icon.html.erb +0 -15
- data/app/pb_kits/playbook/pb_collapsible/collapsible_icon.rb +0 -37
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +0 -72
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.md +0 -3
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb +0 -19
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.md +0 -3
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx +0 -73
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.md +0 -3
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb +0 -20
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.md +0 -3
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md +0 -61
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md +0 -11
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md +0 -32
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md +0 -17
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md +0 -19
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md +0 -10
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reversed_swift.md +0 -17
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_alignment_swift.md +0 -39
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md +0 -39
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md +0 -15
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md +0 -78
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children_swift.md +0 -23
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close_swift.md +0 -7
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default_swift.md +0 -9
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dismiss_with_timer_swift.md +0 -22
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_swift.md +0 -9
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions_swift.md +0 -62
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md +0 -8
- data/lib/playbook/forms/builder/phone_number_field.rb +0 -12
@@ -1,17 +0,0 @@
|
|
1
|
-
![Date-Stacked-Reversed](https://github.com/powerhome/playbook-swift/assets/54749071/4dc3ff84-3a0d-4d9b-a363-5d649a3bdae6)
|
2
|
-
```swift
|
3
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
4
|
-
PBDateStacked(
|
5
|
-
date: Date(),
|
6
|
-
variant: .short(showIcon: false),
|
7
|
-
dateSize: .title4,
|
8
|
-
isReversed: true
|
9
|
-
)
|
10
|
-
PBDateStacked(
|
11
|
-
date: Date(),
|
12
|
-
variant: .short(showIcon: false),
|
13
|
-
dateSize: .title3,
|
14
|
-
isReversed: true
|
15
|
-
)
|
16
|
-
}
|
17
|
-
```
|
@@ -1,39 +0,0 @@
|
|
1
|
-
![Date-Time-Alignment](https://github.com/powerhome/playbook-swift/assets/54749071/9d1e08ac-4906-406f-b81d-1edf0a09e2e3)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(spacing: Spacing.small) {
|
5
|
-
HStack {
|
6
|
-
PBDateTime(
|
7
|
-
dateVariant: .short(showIcon: false),
|
8
|
-
timeVariant: .iconTimeZone,
|
9
|
-
isLowercase: true,
|
10
|
-
isTimeBold: true,
|
11
|
-
zone: .utc,
|
12
|
-
showTimeZone: true,
|
13
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
14
|
-
)
|
15
|
-
}
|
16
|
-
.frame(maxWidth: .infinity, alignment: .leading)
|
17
|
-
PBDateTime(
|
18
|
-
dateVariant: .short(showIcon: false),
|
19
|
-
timeVariant: .iconTimeZone,
|
20
|
-
isLowercase: true,
|
21
|
-
isTimeBold: true,
|
22
|
-
zone: .utc,
|
23
|
-
showTimeZone: true,
|
24
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
25
|
-
)
|
26
|
-
HStack {
|
27
|
-
PBDateTime(
|
28
|
-
dateVariant: .short(showIcon: false),
|
29
|
-
timeVariant: .iconTimeZone,
|
30
|
-
isLowercase: true,
|
31
|
-
isTimeBold: true,
|
32
|
-
zone: .utc,
|
33
|
-
showTimeZone: true,
|
34
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
35
|
-
)
|
36
|
-
}
|
37
|
-
.frame(maxWidth: .infinity, alignment: .trailing)
|
38
|
-
}
|
39
|
-
```
|
@@ -1,39 +0,0 @@
|
|
1
|
-
![Date-Time-Default](https://github.com/powerhome/playbook-swift/assets/54749071/f9ea63f9-81bd-41a9-8171-8a213c55ccfe)
|
2
|
-
```swift
|
3
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
4
|
-
PBDateTime(
|
5
|
-
dateVariant: .dayDate(showYear: true),
|
6
|
-
timeVariant: .iconTimeZone,
|
7
|
-
isLowercase: true,
|
8
|
-
isTimeBold: true,
|
9
|
-
timeZoneIdentifier: "EST"
|
10
|
-
)
|
11
|
-
PBDateTime(
|
12
|
-
dateVariant: .dayDate(showYear: false),
|
13
|
-
timeVariant: .iconTimeZone,
|
14
|
-
isLowercase: true,
|
15
|
-
isTimeBold: true,
|
16
|
-
zone: .utc,
|
17
|
-
showTimeZone: true,
|
18
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
19
|
-
)
|
20
|
-
PBDateTime(
|
21
|
-
dateVariant: .short(showIcon: false),
|
22
|
-
timeVariant: .iconTimeZone,
|
23
|
-
isLowercase: true,
|
24
|
-
isTimeBold: true,
|
25
|
-
zone: .utc,
|
26
|
-
showTimeZone: true,
|
27
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z",
|
28
|
-
showIcon: true
|
29
|
-
)
|
30
|
-
PBDateTime(
|
31
|
-
dateVariant: .standard,
|
32
|
-
timeVariant: .iconTimeZone,
|
33
|
-
isLowercase: true,
|
34
|
-
isTimeBold: true,
|
35
|
-
showTimeZone: true,
|
36
|
-
timeZoneIdentifier: "GMT+9"
|
37
|
-
)
|
38
|
-
}
|
39
|
-
```
|
@@ -1,15 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **dateTime** | `Date` | Sets current date. | | |
|
5
|
-
| **iconSize** | `PBIcon.IconSize` | Allows user to change the size of the clock icon. | `.x3` | `.small` `.medium` `.large` |
|
6
|
-
| **dateVariant** | `PBDate.Variant` | Allows user to choose how they would like the date to be displayed | `.dayDate(showYear: false)` | `.short` `.dayDate(showYear: false)` `.standard` `.withIcon(isStandard: true)` `.withIcon(isStandard: false)` |
|
7
|
-
| **timeVariant** | `PBTime.Variant` | Allows user to choose how they would like the time to be displayed | `.time` | `.time` `.clockIcon` `.timeZone` `.iconTimeZone` `.withTimeZoneHeader` |
|
8
|
-
| **fontSize** | `PBFont` | Allows user to change the size of the text | `.caption` | `.subcaption` `.caption` `.body` |
|
9
|
-
| **isLowercase** | `Bool` | Determines whether or not am/pm is capitalized | `false` | `true` `false` |
|
10
|
-
| **isTimeBold** | `Bool` | Determines whether or not the time is bold | `false` | `true` `false` |
|
11
|
-
| **isTimeZoneBold** | `Bool` | Determines whether or not the time zone is bold | `false` | `true` `false` |
|
12
|
-
| **zone** | `PBTime.Zones` | Allows the user to set the time zone | `.east` | `.east` `.central` `.mountain` `.pacific` `.gmt` |
|
13
|
-
| **showTimeZone** | `Bool` | Determines whether or not the time zone is displayed | `false` | `true` `false` |
|
14
|
-
| **timeZoneIdentifier** | `String` | String that the time kit utilizes to calculate the current time and time zone | | |
|
15
|
-
| **showIcon** | `Bool` | Determines whether or not the clock icon is displayed | `false` | `true` `false` |
|
@@ -1,78 +0,0 @@
|
|
1
|
-
![Date-Time-Sizes](https://github.com/powerhome/playbook-swift/assets/54749071/59b2394d-cf25-46b5-a634-ca0721a7b3b0)
|
2
|
-
```swift
|
3
|
-
VStack(alignment: .leading, spacing: Spacing.xSmall) {
|
4
|
-
PBDateTime(
|
5
|
-
dateVariant: .dayDate(showYear: false),
|
6
|
-
timeVariant: .iconTimeZone,
|
7
|
-
fontSize: .caption,
|
8
|
-
zone: .utc,
|
9
|
-
showTimeZone: true,
|
10
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z",
|
11
|
-
showIcon: true
|
12
|
-
)
|
13
|
-
PBDateTime(
|
14
|
-
dateVariant: .dayDate(showYear: false),
|
15
|
-
timeVariant: .iconTimeZone,
|
16
|
-
fontSize: .caption,
|
17
|
-
zone: .utc,
|
18
|
-
showTimeZone: true,
|
19
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
20
|
-
)
|
21
|
-
PBDateTime(
|
22
|
-
dateVariant: .short(showIcon: false),
|
23
|
-
timeVariant: .iconTimeZone,
|
24
|
-
fontSize: .caption,
|
25
|
-
zone: .utc,
|
26
|
-
showTimeZone: true,
|
27
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z",
|
28
|
-
showIcon: true
|
29
|
-
)
|
30
|
-
PBDateTime(
|
31
|
-
dateVariant: .short(showIcon: false),
|
32
|
-
timeVariant: .iconTimeZone,
|
33
|
-
fontSize: .caption,
|
34
|
-
zone: .utc,
|
35
|
-
showTimeZone: true,
|
36
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
37
|
-
)
|
38
|
-
Spacer()
|
39
|
-
PBDateTime(
|
40
|
-
dateVariant: .dayDate(showYear: false),
|
41
|
-
timeVariant: .iconTimeZone,
|
42
|
-
isLowercase: true,
|
43
|
-
isTimeBold: true,
|
44
|
-
zone: .utc,
|
45
|
-
showTimeZone: true,
|
46
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z",
|
47
|
-
showIcon: true
|
48
|
-
)
|
49
|
-
PBDateTime(
|
50
|
-
dateVariant: .dayDate(showYear: false),
|
51
|
-
timeVariant: .iconTimeZone,
|
52
|
-
isLowercase: true,
|
53
|
-
isTimeBold: true,
|
54
|
-
zone: .utc,
|
55
|
-
showTimeZone: true,
|
56
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
57
|
-
)
|
58
|
-
PBDateTime(
|
59
|
-
dateVariant: .short(showIcon: false),
|
60
|
-
timeVariant: .iconTimeZone,
|
61
|
-
isLowercase: true,
|
62
|
-
isTimeBold: true,
|
63
|
-
zone: .utc,
|
64
|
-
showTimeZone: true,
|
65
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z",
|
66
|
-
showIcon: true
|
67
|
-
)
|
68
|
-
PBDateTime(
|
69
|
-
dateVariant: .short(showIcon: false),
|
70
|
-
timeVariant: .iconTimeZone,
|
71
|
-
isLowercase: true,
|
72
|
-
isTimeBold: true,
|
73
|
-
zone: .utc,
|
74
|
-
showTimeZone: true,
|
75
|
-
timeZoneIdentifier: "2012-08-02T17:49:29Z"
|
76
|
-
)
|
77
|
-
}
|
78
|
-
```
|
@@ -1,23 +0,0 @@
|
|
1
|
-
![Children-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/55aebd12-43c4-4061-92d3-6aebb07ff349)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(alignment: .leading) {
|
5
|
-
PBToast(
|
6
|
-
text: message,
|
7
|
-
variant: .success,
|
8
|
-
actionView: .custom(AnyView(Text("Undo").pbFont(.title4, color: .white))),
|
9
|
-
dismissAction: closeToast
|
10
|
-
)
|
11
|
-
PBToast(
|
12
|
-
variant: .custom(nil, .pbPrimary),
|
13
|
-
actionView: .custom(
|
14
|
-
AnyView(
|
15
|
-
HStack {
|
16
|
-
Text("Undo action").pbFont(.caption, color: .white)
|
17
|
-
PBButton(variant: .primary, title: "Undo").disabled(true)
|
18
|
-
}
|
19
|
-
)),
|
20
|
-
dismissAction: closeToast
|
21
|
-
)
|
22
|
-
}
|
23
|
-
```
|
data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close_swift.md
DELETED
@@ -1,7 +0,0 @@
|
|
1
|
-
```swift
|
2
|
-
VStack(alignment: .leading) {
|
3
|
-
PBToast(text: "Error Message", variant: .error, actionView: .default, dismissAction: closeToast)
|
4
|
-
PBToast(text: "Items Successfully Moved", variant: .success, actionView: .default, dismissAction: closeToast)
|
5
|
-
PBToast(text: "Scan to Assign Selected Items", variant: .neutral, actionView: .default, dismissAction: closeToast)
|
6
|
-
}
|
7
|
-
```
|
@@ -1,9 +0,0 @@
|
|
1
|
-
![Default-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/cc465b1b-85ba-4492-a832-b06b842a1555)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
VStack(alignment: .leading) {
|
5
|
-
PBToast(text: "Error Message", variant: .error, dismissAction: closeToast)
|
6
|
-
PBToast(text: "Items Successfully Moved", variant: .success, dismissAction: closeToast)
|
7
|
-
PBToast(text: "Scan to Assign Selected Items", variant: .neutral, dismissAction: closeToast)
|
8
|
-
}
|
9
|
-
```
|
@@ -1,22 +0,0 @@
|
|
1
|
-
```swift
|
2
|
-
HStack {
|
3
|
-
PBButton(variant: .secondary, title: "Top Center") {
|
4
|
-
position = .top
|
5
|
-
toastView = PBToast(
|
6
|
-
text: "Top Center",
|
7
|
-
variant: .neutral,
|
8
|
-
actionView: .withTimer(3),
|
9
|
-
dismissAction: closeToast
|
10
|
-
)
|
11
|
-
}
|
12
|
-
PBButton(variant: .secondary, title: "Bottom Center") {
|
13
|
-
position = .bottom
|
14
|
-
toastView = PBToast(
|
15
|
-
text: "Bottom Center",
|
16
|
-
variant: .neutral,
|
17
|
-
actionView: .withTimer(2),
|
18
|
-
dismissAction: closeToast
|
19
|
-
)
|
20
|
-
}
|
21
|
-
}
|
22
|
-
```
|
@@ -1,62 +0,0 @@
|
|
1
|
-
```swift
|
2
|
-
GridRow {
|
3
|
-
PBButton(variant: .secondary, title: "Top Left") {
|
4
|
-
position = .topLeft
|
5
|
-
toastView = PBToast(
|
6
|
-
text: "Top Left",
|
7
|
-
variant: .neutral,
|
8
|
-
actionView: .default,
|
9
|
-
dismissAction: closeToast
|
10
|
-
)
|
11
|
-
}
|
12
|
-
PBButton(variant: .secondary, title: "Top Right") {
|
13
|
-
position = .topRight
|
14
|
-
toastView = PBToast(
|
15
|
-
text: "Top Right",
|
16
|
-
variant: .neutral,
|
17
|
-
actionView: .default,
|
18
|
-
dismissAction: closeToast
|
19
|
-
)
|
20
|
-
}
|
21
|
-
}
|
22
|
-
GridRow {
|
23
|
-
PBButton(variant: .secondary, title: "Top Center") {
|
24
|
-
position = .top
|
25
|
-
toastView = PBToast(
|
26
|
-
text: "Top Center",
|
27
|
-
variant: .neutral,
|
28
|
-
actionView: .default,
|
29
|
-
dismissAction: closeToast
|
30
|
-
)
|
31
|
-
}
|
32
|
-
PBButton(variant: .secondary, title: "Bottom Center") {
|
33
|
-
position = .bottom
|
34
|
-
toastView = PBToast(
|
35
|
-
text: "Bottom Center",
|
36
|
-
variant: .custom(.user, .status(.neutral)),
|
37
|
-
actionView: .default,
|
38
|
-
dismissAction: closeToast
|
39
|
-
)
|
40
|
-
}
|
41
|
-
}
|
42
|
-
GridRow {
|
43
|
-
PBButton(variant: .secondary, title: "Bottom Left") {
|
44
|
-
position = .bottomLeft
|
45
|
-
toastView = PBToast(
|
46
|
-
text: "Bottom Left",
|
47
|
-
variant: .custom(.user, .status(.neutral)),
|
48
|
-
actionView: .default,
|
49
|
-
dismissAction: closeToast
|
50
|
-
)
|
51
|
-
}
|
52
|
-
PBButton(variant: .secondary, title: "Bottom Right") {
|
53
|
-
position = .bottomRight
|
54
|
-
toastView = PBToast(
|
55
|
-
text: "Bottom Right",
|
56
|
-
variant: .custom(.user, .status(.neutral)),
|
57
|
-
actionView: .default,
|
58
|
-
dismissAction: closeToast
|
59
|
-
)
|
60
|
-
}
|
61
|
-
}
|
62
|
-
```
|
data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md
DELETED
@@ -1,8 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **text** | `String` |`Value for the toast message` | `nil` | |
|
5
|
-
| **variant** | `Variant` | `Determines the type pf toast message being displayed` | `.custom()` | `error`, `success`,
|
6
|
-
`neutral`, `custom()` |
|
7
|
-
| **actionView** | `dismissAction` | Dismisses the toast message | `.default` | `default` `custom()` `withTimer()` |
|
8
|
-
| **dismissAction** | `(() -> Void)` | `Triggers the dismiss action` | | |
|