RubyGems - playbook_ui_docs - Versions diffs - 13.14.0 → 13.15.0.pre.alpha.PLAY10831873 - Mend

playbook_ui_docs 13.14.0 → 13.15.0.pre.alpha.PLAY10831873

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ae66a431cc3ef3ddddbd1d0479c92ea5996e44026af6aacf0c3d18865b2b42fe
-  data.tar.gz: 899040ce814bb100a8d516608d0c2b84f6aea8d9fd255fb9bee50f9efc13ab12
+  metadata.gz: 37a5ee04aa685987e4743a379eb4a9be83e04f11209f56d472e5927511701c69
+  data.tar.gz: d3d16df7478b895876457293a575eec104aba019a36ddda57973fe946f752a27
 SHA512:
-  metadata.gz: b04fbded230599366f60305a9af71d4deaee0b6980b0d1c35707e63fb9329290911726c0602e161afba16260e43592a568aafb9cc57e87d913ab87edf879c91c
-  data.tar.gz: 6098eded31a46ffe0d185a0417c9b4db65a9eed2c6055302e19669d9afd8d52e536261c9722d4e764f6cfaf0b9bad05e6da34fe439125f213ceb36ad791bd38d
+  metadata.gz: 3497f9092b3871d482520add0a80a18495526d1a0ed9993e89604350ac7a7c7a66f227c0c5c0f678be248a189a1727fd31fb46b99467b2104b54f6458dddace2
+  data.tar.gz: 18e2f976a6088952221e3d626870b15996f8db450b859a7b19c330729172f9622ac15d953a080bbf130510bd22a14083d8e1254e457d8df6dfad13228266418d

data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md CHANGED Viewed

@@ -9,3 +9,14 @@
 | **Icon** | `PBIcon` | Adds an icon to the Button | `nil` |  |
 | **Icon Position** | `IconPosition` | Adjusts the icon's position | `.left` | `.left` `.right` |
 | **Action** | `(() -> Void)` | Adds an action for the Button to perform | `{}` |  |
+### Reaction Button Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **count** | `Int` | Tracks number of times a reaction button has been pressed | `0` |  |
+| **isHighlighted** | `Bool` | Boolean for whether or not a reaction button has a highlight | ` false` | `true` `false` |
+| **isHovering** | `Bool` | Boolean for whether or not a mouse is hovering over the reaction button | `false` | `true` `false` |
+| **icon** | `String` | Allows user to use a unicode string for an emoji reaction button |  |  |
+| **pbIcon** | `PBIcon` | A PlayBook Icon option for reaction button | |  |
+| **isInteractive** | `Bool` | Boolean for whether or not a reaction button is interactive | `false` | `true` `false` |

data/app/pb_kits/playbook/pb_button/docs/_button_reaction_swift.md ADDED Viewed

@@ -0,0 +1,26 @@
+![reaction-button](https://github.com/powerhome/playbook/assets/54749071/10d21ee2-4faf-4c18-ab72-242df8f837c4)
+```swift
+@State private var count: Int = 153
+@State private var count1: Int = 5
+HStack(alignment: .center, spacing: 12) {
+            PBReactionButton(
+              count: $count,
+              icon: "\u{1F389}",
+              isInteractive: true
+            )
+            PBReactionButton(
+              count: $count1,
+              icon: "1️⃣",
+              isInteractive: false
+            )
+            PBReactionButton(
+              isInteractive: false
+            )
+            PBReactionButton(
+              pbIcon: PBIcon(FontAwesome.user),
+              isInteractive: false
+            )
+}
+```

data/app/pb_kits/playbook/pb_button/docs/example.yml CHANGED Viewed

@@ -32,4 +32,5 @@ examples:
   - button_icon_options_swift: Button Icon Options
   - button_circle_swift: Circle Button
   - button_size_swift: Button Size
+  - button_reaction_swift: Button Reaction
   - button_props_swift: ""

data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx CHANGED Viewed

@@ -57,7 +57,7 @@ const CardBackground = (props) => {
           background="product_1_background"
           marginBottom="sm"
           {...props}
-        >
+      >
         <Body
             dark
             text="Product 1 Background"
@@ -69,11 +69,12 @@ const CardBackground = (props) => {
       <Card
           background="product_7_highlight"
           marginBottom="sm"
-          {...props} >
+          {...props}
+      >
         <Body
             dark
-            text="Product 7 Highlight"
-          />
+            text="Product 7 Highlight"
+        />
       </Card>

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_colors_swift.md ADDED Viewed

@@ -0,0 +1,27 @@
+![collapsible-colors](https://github.com/powerhome/playbook/assets/54749071/daafd129-fd0a-4992-8fee-bfa55aed8a23)
+```swift
+let iconSize: PBIcon.IconSize
+let iconColor: CollapsibleIconColor
+let text: String
+@State private var isCollapsed = true
+let lorem =
+      "
+      Group members... Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel erat sed purus hendrerit vive.
+      Etiam nunc massa, pharetra vel quam id, posuere rhoncus quam. Quisque imperdiet arcu enim, nec aliquet justo.
+      Praesent lorem arcu. Vivamus suscipit, libero eu fringilla egestas, orci urna commodo arcu, vel gravida turpis.
+      "
+PBCollapsible(isCollapsed: $isCollapsed, iconSize: iconSize, iconColor: iconColor) {
+       VStack(spacing: Spacing.medium) {
+            CollapsibleDoc(iconColor: .default, text: "Default Section")
+            CollapsibleDoc(iconColor: .light, text: "Light Section")
+            CollapsibleDoc(iconColor: .lighter, text: "Lighter Section")
+            CollapsibleDoc(iconColor: .link, text: "Link Section")
+            CollapsibleDoc(iconColor: .error, text: "Error Section")
+            CollapsibleDoc(iconColor: .success, text: "Success Section")
+          }
+      } content: {
+       Text(lorem).pbFont(.body)
+      }
+```

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default_swift.md ADDED Viewed

@@ -0,0 +1,22 @@
+![collapsible-default](https://github.com/powerhome/playbook/assets/54749071/3e97095b-f6bb-45b7-bd33-99ebde0d40fd)
+```swift
+let iconSize: PBIcon.IconSize
+let iconColor: CollapsibleIconColor
+let text: String
+@State private var isCollapsed = true
+let lorem =
+      "
+      Group members... Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel erat sed purus hendrerit vive.
+      Etiam nunc massa, pharetra vel quam id, posuere rhoncus quam. Quisque imperdiet arcu enim, nec aliquet justo.
+      Praesent lorem arcu. Vivamus suscipit, libero eu fringilla egestas, orci urna commodo arcu, vel gravida turpis.
+      "
+PBCollapsible(isCollapsed: $isCollapsed, iconSize: iconSize, iconColor: iconColor) {
+        CollapsibleDoc(text: "Main Section")
+      } content: {
+        Text(lorem).pbFont(.body)
+      }
+```

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_props_table.md ADDED Viewed

@@ -0,0 +1,8 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **isCollapsed** | `Bool` | Value for whether or not the dropdown is closed or open | `false` | `true` `false` |
+| **headerView** | `View` | Title of dropdown |  | |
+| **contentView** | `View` | Content of dropdown |  |  |
+| **iconSize** | `PBIcon.IconSize` | Sets size of chevron icon | `.small`  | `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
+| **iconColor** | `CollapsibleIconColor` | Sets color of chevron icon | `.default` | `default` `light` `lighter` `link` `error` `success`  |

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_sizes_swift.md ADDED Viewed

@@ -0,0 +1,26 @@
+![collapsible-sizes](https://github.com/powerhome/playbook/assets/54749071/557bfe16-26e4-4966-9f1c-689a2dc44412)
+```swift
+let iconSize: PBIcon.IconSize
+let iconColor: CollapsibleIconColor
+let text: String
+@State private var isCollapsed = true
+let lorem =
+      "
+      Group members... Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel erat sed purus hendrerit vive.
+      Etiam nunc massa, pharetra vel quam id, posuere rhoncus quam. Quisque imperdiet arcu enim, nec aliquet justo.
+      Praesent lorem arcu. Vivamus suscipit, libero eu fringilla egestas, orci urna commodo arcu, vel gravida turpis.
+      "
+PBCollapsible(isCollapsed: $isCollapsed, iconSize: iconSize, iconColor: iconColor) {
+      VStack(spacing: Spacing.medium) {
+            CollapsibleDoc(iconSize: .xSmall, text: "Extra Small Section")
+            CollapsibleDoc(iconSize: .small, text: "Small Section")
+            CollapsibleDoc(text: "Default Section")
+            CollapsibleDoc(iconSize: .large, text: "Large Section")
+          }
+      } content: {
+       Text(lorem).pbFont(.body)
+      }
+```

data/app/pb_kits/playbook/pb_collapsible/docs/example.yml CHANGED Viewed

@@ -14,3 +14,9 @@ examples:
   - collapsible_color: Icon Color
   - collapsible_icons: Custom Icons
   - collapsible_state: useCollapsible Hook
+  swift:
+  - collapsible_default_swift: Default
+  - collapsible_sizes_swift: Sizes
+  - collapsible_colors_swift: Colors
+  - collapsible_props_table: ""

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default_swift.md ADDED Viewed

@@ -0,0 +1,11 @@
+![user-default](https://github.com/powerhome/playbook/assets/54749071/f9b593d5-a688-49bf-a282-8fb70058b539)
+```swift
+PBDialog(
+            title: "This is some informative text",
+            message: infoMessage,
+            cancelButton: ("Cancel", closeToast),
+            confirmButton: ("Okay", closeToast)
+          )
+```

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx CHANGED Viewed

@@ -49,15 +49,18 @@ const DialogFullHeight = () => {
       <Flex wrap>
         <Button id="sm"
             marginRight="md"
-            onClick={toggleHeaderSeparatorDialog}>
+            onClick={toggleHeaderSeparatorDialog}
+        >
           {"Small Dialog"}
         </Button>
         <Button marginRight="md"
-            onClick={toggleFooterSeparatorDialog}>
+            onClick={toggleFooterSeparatorDialog}
+        >
           {"Medium Dialog"}
         </Button>
         <Button marginRight="md"
-            onClick={toggleBothSeparatorsDialog}>
+            onClick={toggleBothSeparatorsDialog}
+        >
           {"Large Dialog"}
         </Button>
       </Flex>
@@ -89,7 +92,8 @@ const DialogFullHeight = () => {
             <Dialog.Footer>
               <Button onClick={toggle}>{"Send My Issue"}</Button>
               <Button onClick={toggle}
-                  variant="link">
+                  variant="link"
+              >
                 {"Back"}
               </Button>
             </Dialog.Footer>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx CHANGED Viewed

@@ -48,15 +48,18 @@ const DialogFullHeightPlacement = () => {
       <Flex wrap>
         <Button id="sm"
             marginRight="md"
-            onClick={toggleHeaderSeparatorDialog}>
+            onClick={toggleHeaderSeparatorDialog}
+        >
           {"Left Dialog"}
         </Button>
         <Button marginRight="xl"
-            onClick={toggleFooterSeparatorDialog}>
+            onClick={toggleFooterSeparatorDialog}
+        >
           {"Center Dialog"}
         </Button>
         <Button marginRight="xl"
-            onClick={toggleBothSeparatorsDialog}>
+            onClick={toggleBothSeparatorsDialog}
+        >
           {"Right Dialog"}
         </Button>
       </Flex>
@@ -88,7 +91,8 @@ const DialogFullHeightPlacement = () => {
             <Dialog.Footer>
               <Button onClick={toggle}>{"Send My Issue"}</Button>
               <Button onClick={toggle}
-                  variant="link">
+                  variant="link"
+              >
                 {"Back"}
               </Button>
             </Dialog.Footer>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_props_table.md ADDED Viewed

@@ -0,0 +1,13 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **content** | `Content` | Sets the View content |  |  |
+| **title** | `String` | Sets title for dialog header |  |  |
+| **message** | `String` | Sets dialog message|  |  |
+| **variant** | `DialogVariant` | Changes variant of dialog | `.default` | `.default` `.status()` |
+| **isStacked** | `isStacked` | Changes whether the dialog buttons are stacked or inline | `false` | `true` `false`  |
+| **cancelButton** | `Action` | Dismisses the dialog |  |  |
+| **confirmButton** | `Action` | Confirms dialog message was received |  |  |
+| **onClose** | `Action` | Starts action when dialog is closed |  | |
+| **size** | `DialogSize` | Determines size of dialog |  `.medium`| `.small` `.medium` `large` |
+| **shouldCloseOnOverlay** | `Bool` | Determines if overlay should close | `false` | `true` `false`  |

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx CHANGED Viewed

@@ -16,10 +16,12 @@ const DialogScrollable = () => {
   return (
     <>
       <Button marginRight="md"
-          onClick={toggleDialog1}>{'Open Dialog'}
+          onClick={toggleDialog1}
+      >{'Open Dialog'}
       </Button>
       <Button marginRight="md"
-          onClick={toggleDialog2}>{'Open Full Height Dialog'}
+          onClick={toggleDialog2}
+      >{'Open Full Height Dialog'}
       </Button>
       <Dialog
           cancelButton="Cancel"

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes_swift.md ADDED Viewed

@@ -0,0 +1,18 @@
+![dialog-large](https://github.com/powerhome/playbook/assets/54749071/41ea273d-3f85-4514-88d7-21f49499f9a2)
+```swift
+    @State private var presentSmallDialog: Bool = false
+    @State private var presentMediumDialog: Bool = false
+    @State private var presentLargeDialog: Bool = false
+    let infoMessage = "This is a message for informational purposes only and requires no action."
+     PBDialog(
+            title: "Large",
+            message: infoMessage,
+            variant: .default,
+            isStacked: false,
+            cancelButton: ("Cancel", {}),
+            confirmButton: ("Okay", {}),
+            size: .large
+          )
+```

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx CHANGED Viewed

@@ -84,7 +84,7 @@ const DialogStatus = () => {
       <Flex
           rowGap="xs"
           wrap
-        >
+      >
         <Button
             marginRight="md"
             onClick={toggleDefaultAlert}

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md ADDED Viewed

@@ -0,0 +1,14 @@
+![success](https://github.com/powerhome/playbook/assets/54749071/a3605f4f-ea77-4377-a1bd-977bb3c26a03)
+```swift
+ PBDialog(
+              title: "Success!",
+              message: infoMessage,
+              variant: .status(.success),
+              isStacked: true,
+              cancelButton: ("Cancel", closeToast),
+              confirmButton: ("Okay", closeToast),
+              size: .small
+            )
+```

data/app/pb_kits/playbook/pb_dialog/docs/example.yml CHANGED Viewed

@@ -22,3 +22,10 @@ examples:
   - dialog_stacked_alert: Stacked Button Alert
   - dialog_full_height: Full Height
   - dialog_full_height_placement: Full Height Placement
+  swift:
+  - dialog_default_swift: Simple
+  - dialog_sizes_swift: Sizes
+  - dialog_status_swift: Status
+  - dialog_props_table: ""

data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_bold_swift.md ADDED Viewed

@@ -0,0 +1,17 @@
+![nav-horizontal-bold](https://github.com/powerhome/playbook/assets/54749071/f55f31c5-dbf9-40e2-9f08-6a075c7cb56b)
+```swift
+@State private var selectedHBold: Int = 1
+PBNav(
+        selected: $selectedHBold,
+        variant: .bold,
+        orientation: .horizontal,
+        borders: false
+      ) {
+        PBNavItem("Photos")
+        PBNavItem("Music")
+        PBNavItem("Video")
+        PBNavItem("Files")
+      }
+```

data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_default_swift.md ADDED Viewed

@@ -0,0 +1,17 @@
+![nav-horizontal-default](https://github.com/powerhome/playbook/assets/54749071/8731ad83-322f-43f8-8459-76bc425ba30f)
+```swift
+ @State private var selectedHDefault: Int = 1
+ PBNav(
+          selected: $selectedHDefault,
+          variant: .normal,
+          orientation: .horizontal
+        ) {
+          PBNavItem("Photos")
+          PBNavItem("Music")
+          PBNavItem("Video")
+          PBNavItem("Files")
+        }
+```

data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_subtle_no_highlight_swift.md ADDED Viewed

@@ -0,0 +1,18 @@
+![nav-horizontal-subtle-no-highlight](https://github.com/powerhome/playbook/assets/54749071/ee79fb55-8d5b-46b0-89aa-a310bf48dd19)
+```swift
+@State private var selectedHSubtleNoHighlight: Int = 1
+ PBNav(
+        selected: $selectedHSubtleNoHighlight,
+        variant: .subtle,
+        orientation: .horizontal,
+        borders: false,
+        highlight: false
+      ) {
+        PBNavItem("Photos")
+        PBNavItem("Music")
+        PBNavItem("Video")
+        PBNavItem("Files")
+      }
+```

data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_subtle_swift.md ADDED Viewed

@@ -0,0 +1,18 @@
+![nav-horizontal-subtle](https://github.com/powerhome/playbook/assets/54749071/e595cf20-f145-4e47-bb9a-d8dcdc217af7)
+```swift
+@State private var selectedHSubtle: Int = 1
+PBNav(
+        selected: $selectedHSubtle,
+        variant: .subtle,
+        orientation: .horizontal,
+        borders: false
+      ) {
+        PBNavItem("Photos")
+        PBNavItem("Music")
+        PBNavItem("Video")
+        PBNavItem("Files")
+      }
+```

data/app/pb_kits/playbook/pb_nav/docs/_nav_props_swift.md ADDED Viewed

@@ -0,0 +1,11 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **selected** | `Int` | Sets selected to current index | `0` |  |
+| **currentHover** | `Int?` | Sets the current hover state to the current index|  |  |
+| **variant** | `Variant` | Sets variant for nav | `.normal` | `normal` `subtle` `bold` |
+| **orientation** | `Orientation` | Changes the orientation of nav | `.vertical` | `horizontal` `verticle` |
+| **title** | `String?` | Sets title of nav |  |  |
+| **borders** | `Bool` | Boolean value for whether nav items have a border or not | `true` | `true` `false` |
+| **highlight** | `Bool` | Boolean value for adding a highlight to nav | `true` | `true` `false` |
+| **views** | `[AnyView]` | An Array of AnyView |  |  |

data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_bold_swift.md ADDED Viewed

@@ -0,0 +1,18 @@
+![nav-vertical-bold](https://github.com/powerhome/playbook/assets/54749071/4d9ea3b7-c2e8-4703-80e3-54e4cee8dbfc)
+```swift
+ @State private var selectedVBold: Int = 1
+PBNav(
+        selected: $selectedVBold,
+        variant: .bold,
+        orientation: .vertical,
+        borders: false
+      ) {
+        PBNavItem("Photos")
+        PBNavItem("Music")
+        PBNavItem("Video")
+        PBNavItem("Files")
+      }
+```

data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_default_swift.md ADDED Viewed

@@ -0,0 +1,18 @@
+![nav-vertical-default](https://github.com/powerhome/playbook/assets/54749071/ddbf0c77-4d98-483e-9f12-561ac169e6a9)
+```swift
+@State private var selectedVDefault: Int = 1
+PBNav(
+        selected: $selectedVDefault,
+        variant: .normal,
+        orientation: .vertical,
+        title: "Menu"
+      ) {
+        PBNavItem("Photos")
+        PBNavItem("Music")
+        PBNavItem("Video")
+        PBNavItem("Files")
+      }
+```

data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_subtle_no_highlight_swift.md ADDED Viewed

@@ -0,0 +1,19 @@
+![nav-vertical-subtle_no-highlight](https://github.com/powerhome/playbook/assets/54749071/3f6d5773-6aa4-4ea1-a0b2-948e4325a311)
+```swift
+@State private var selectedVSubtleNoHighlight: Int = 1
+PBNav(
+        selected: $selectedVSubtleNoHighlight,
+        variant: .subtle,
+        orientation: .vertical,
+        borders: false,
+        highlight: false
+      ) {
+        PBNavItem("Photos")
+        PBNavItem("Music")
+        PBNavItem("Video")
+        PBNavItem("Files")
+      }
+```

data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_subtle_swift.md ADDED Viewed

@@ -0,0 +1,17 @@
+![nav-vertical-subtle](https://github.com/powerhome/playbook/assets/54749071/06a30a15-661a-4779-a674-7b4e6cded472)
+```swift
+@State private var selectedVSubtle: Int = 1
+PBNav(
+        selected: $selectedVSubtle,
+        variant: .subtle,
+        orientation: .vertical,
+        borders: false
+      ) {
+        PBNavItem("Photos")
+        PBNavItem("Music")
+        PBNavItem("Video")
+        PBNavItem("Files")
+      }
+```

data/app/pb_kits/playbook/pb_nav/docs/example.yml CHANGED Viewed

@@ -42,3 +42,20 @@ examples:
   - block_nav: Block
   - block_no_title_nav: Without Title
   - new_tab: Open in a New Tab
+  swift:
+  - nav_vertical_default_swift: Vertical Default
+  - nav_vertical_subtle_swift: Vertical Subtle
+  - nav_vertical_subtle_no_highlight_swift: Vertical Subtle No Highlight
+  - nav_vertical_bold_swift: Vertical Bold
+  - nav_horizontal_default_swift: Horizontal Default
+  - nav_horizontal_subtle_swift: Horizontal Subtle
+  - nav_horizontal_subtle_no_highlight_swift: Horizontal Subtle No Highlight
+  - nav_horizontal_bold_swift: Horizontal Bold
+  - nav_props_swift: ""

data/app/pb_kits/playbook/pb_person/docs/_person_default_swift.md ADDED Viewed

@@ -0,0 +1,8 @@
+![PBIOS-227](https://github.com/powerhome/playbook/assets/92755007/e43f94bd-2d2e-46cc-a848-6ac7425f89f9)
+```swift
+PBPerson(firstName: "Timothy", lastName: "Wenhold")
+```

data/app/pb_kits/playbook/pb_person/docs/_person_props_swift.md ADDED Viewed

@@ -0,0 +1,5 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **firstName** | `String` | Sets the first name |  |  |
+| **lastName** | `String` | Sets the last name |  |  |

data/app/pb_kits/playbook/pb_person/docs/example.yml CHANGED Viewed

@@ -7,3 +7,7 @@ examples:
   react:
   - person_default: Default
+  swift:
+  - person_default_swift: Default
+  - person_props_swift: ""

data/app/pb_kits/playbook/pb_select/docs/_select_default_swift.md ADDED Viewed

@@ -0,0 +1,15 @@
+![select-default](https://github.com/powerhome/playbook/assets/54749071/ead0e074-46ae-425a-ab32-d9c4418a0783)
+```swift
+let defaultOptions = [
+    (value: "1", text: "Burgers"),
+    (value: "2", text: "Pizza"),
+    (value: "3", text: "Tacos")
+  ]
+@State private var defaultState = ""
+ PBSelect(title: "Favorite Food", options: defaultOptions, style: .default) { selected in
+            defaultState = selected
+          }
+```

data/app/pb_kits/playbook/pb_select/docs/_select_error_swift.md ADDED Viewed

@@ -0,0 +1,18 @@
+![select-error](https://github.com/powerhome/playbook/assets/54749071/c02e365b-c3a1-446b-b9f2-47db11315786)
+```swift
+let defaultOptions = [
+    (value: "1", text: "Burgers"),
+    (value: "2", text: "Pizza"),
+    (value: "3", text: "Tacos")
+  ]
+@State private var errorState = ""
+ PBSelect(
+            title: "Favorite Food",
+            options: defaultOptions,
+            style: .error("Please make a valid selection")
+          ) { selected in
+            errorState = selected
+          }
+```

data/app/pb_kits/playbook/pb_select/docs/_select_props_table.md ADDED Viewed

@@ -0,0 +1,8 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **title** | `String` | Sets label title for dropdown |  |  |
+| **options** | `(String, String)` | Displays the list of dropdown options | |  |
+| **style** | `Variant` | Options for the state of dropdown | `.default` | `default` `disabled` `error` |
+| **selectedOption** | `String` | Changes selected value when new value is selected |  |  |
+| **selected** | `String` | Changes the value of the option selected in dropdown |  | |

data/app/pb_kits/playbook/pb_select/docs/example.yml CHANGED Viewed

@@ -28,3 +28,8 @@ examples:
   - select_inline: Select Inline
   - select_inline_compact: Select Inline Compact
   - select_multiple: Select Multiple
+  swift:
+  - select_default_swift: Default
+  - select_error_swift: Error
+  - select_props_table: ""