---
title: "Explore SwiftUI - Visual API, Component & Modifier Examples"
description: "Discover SwiftUI APIs, components, and modifiers with visual examples, Swift code, and Apple documentation. Explore iPhone Duo layouts and platform support."
canonical_url: "https://exploreswiftui.com/"
meta:
author: "Explore SwiftUI"
"og:description": "Discover SwiftUI APIs, components, and modifiers with visual examples, Swift code, and Apple documentation. Explore iPhone Duo layouts and platform support."
"og:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_Explore%2BSwiftUI%2Cdescription_~QSB2aXN1YWwgbGlicmFyeSBmb3IgU3dpZnRVSSBBUElzLCBjb21wb25lbnRzLCBhbmQgbW9kaWZpZXJz%2Cs_Bm8VUe59ak-emthh.png"
"og:image:height": "630"
"og:image:type": image/png
"og:image:width": "1200"
"og:title": "Explore SwiftUI - Visual API, Component & Modifier Examples"
"twitter:description": "Discover SwiftUI APIs, components, and modifiers with visual examples, Swift code, and Apple documentation. Explore iPhone Duo layouts and platform support."
"twitter:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_Explore%2BSwiftUI%2Cdescription_~QSB2aXN1YWwgbGlicmFyeSBmb3IgU3dpZnRVSSBBUElzLCBjb21wb25lbnRzLCBhbmQgbW9kaWZpZXJz%2Cs_Bm8VUe59ak-emthh.png"
"twitter:title": "Explore SwiftUI - Visual API, Component & Modifier Examples"
---
> Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt)
Explore SwiftUI
# Explore SwiftUI
Visually
Discover SwiftUI APIs, components, and modifiers through visual examples with ready-to-use code samples. Copy, paste, and ship.
[Explore iPhone Duo](https://exploreswiftui.com/duo)
**Six display modes**
## **Explore SwiftUI for **iPhone Duo
Explore SwiftUI APIs, components, and modifiers for iPhone Duo. Compare layouts across orientations and hinge states with visual previews and Swift code.
### **Preferred Top Column**
Controls which column appears on top of the stack when NavigationSplitView collapses into a single stack in certain contexts, such as on iPhone, when iPhone Duo is closed, or on Apple Watch. By default, the sidebar appears on top. In this case, the detail column does instead.
### **Hide Sidebar Toggle**
Removes the sidebar toggle toolbar item a NavigationSplitView adds by default.
### **Toolbar Vertical Edge**
This value reflects the system’s preferred edge for the vertical bar in the current context, regardless of whether a vertical bar is currently visible. Use it to position custom bars or other UI relative to the system’s bar placement.
### **Reserved Regions**
Returns the reserved regions for the given kind. A reserved region indicates that an area within a view’s coordinate space has been claimed by something the view does not own
### **Overlay Arrangement ZIndex**
The z-index for a view within an overlay arrangement view.
### **Overlay Arrangement Edge**
The horizontal edge a view in an overlay arrangement occupies when the arrangement transitions to a horizontal layout. In this case, the primary view overlays the secondary view at the trailing edge when the screen is partially open in landscape.
### **Overlay Arrangement Style**
An arrangement view style that layers the primary view over the secondary view in z-order.
### **Hinge State**
A type encapsulating the state of a single hinge.
[Explore iPhone Duo](https://exploreswiftui.com/duo)
[**Button**
](https://exploreswiftui.com/library/button)
### **Role Button With Default Label**
Creates a button that displays a default label.
### **Button**
Three ways to initialize a button
### **Glass Button Styles**
A button style that applies glass border artwork based on the button’s context
### **Button Tint**
Sets the buttons tint color
### **Button Roles**
A value that describes the purpose of a button.
### **Button Styles**
A type that applies standard interaction behavior and a custom appearance to all buttons within a view hierarchy
### **Button Sizing**
The preferred sizing behavior of buttons in the view hierarchy.
### **RenameButton**
A button that triggers a standard rename action
### **EditButton**
A button that toggles the edit mode environment value
### **PasteButton**
A system button that reads items from the pasteboard and delivers it to a closure.
### **Button Border Shape**
A shape used to draw a button’s border.
[**Toolbars**
](https://exploreswiftui.com/library/toolbars)
### **Toolbar Overflow Menu**
The overflow menu of a toolbar. An overflow menu represents actions that are always placed in the toolbar’s overflow menu, regardless of the toolbar mode, platform, or customizability.
### **ToolbarSpacer**
A standard space item in toolbars
### **Prefer Vertical Toolbar Items**
A compression behavior that prioritizes keeping toolbar items visible over other elements, such as tabs. By default, tabs are prioritized.
### **Axis Behavior**
The bar axis behavior of the toolbar item.
### **Toolbar Item Visibility Priority**
Defines the visibility priority for a toolbar item.
### **Remove Toolbar Item Margin**
Configures whether the content margins are removed.
### **ToolbarItem Shared Background Visibility**
Controls the visibility of the glass background effect on items in the toolbar. In certain contexts, such as the navigation bar on iOS and the window toolbar on macOS, toolbar items will be given a glass background effect that is shared with other items in the same logical grouping
### **Pinned Toolbar Item Placement**
A placement that pins the item to the trailing edge of the toolbar.
### **Title Toolbar Item Placement**
Places content in the title area
[**Slider**
](https://exploreswiftui.com/library/slider)
### **SliderTickContentForEach**
A type of slider content that creates content by iterating over a collection.
### **Custom Slider Ticks**
Creates a slider to select a value from a given range, subject to a step increment, which displays the provided labels and customizable ticks.
### **Stepped Min Max Label Slider**
Creates a slider to select a value from a given range, subject to a step increment, which displays the provided labels
### **Stepped Slider**
Creates a slider to select a value from a given range, subject to a step increment
### **Slider**
Creates a slider to select a value from a given range
### **Slider Color**
Customizing the color of the slider
[**Toggle**
](https://exploreswiftui.com/library/toggle)
### **Multiple Sources Toggle**
Creates a toggle that updates the selected property for all sources. Once toggled, all sources will have the same value.
### **Toggle**
Creates a toggle with title, image, systemImage, and custom label.
### **CheckboxToggleStyle**
A toggle style that displays a checkbox followed by its label.
### **SwitchToggleStyle**
A toggle style that displays a leading label and a trailing switch.
### **ButtonToggleStyle**
A toggle style that displays as a button with its label as the title.
[**Picker**
](https://exploreswiftui.com/library/picker)
### **Custom Value Label Picker**
Creates a picker that generates its label from a localized string key and accepts a custom current value label.
### **Multiple Sources Picker**
Creates a picker that updates the selected property for all sources.
### **Picker**
Creates a pickers with title, image, systemImage, and custom label.
### **TabsPickerStyle**
A picker style that presents options as segmented tabs. On macOS, this style produces a segmented picker with a visual treatment that distinguishes tab navigation from value selection. On iOS, tvOS, and visionOS, the visual appearance matches that of the standard standard .segmented style. On all supported platforms, VoiceOver announces options as tabs.
### **WheelPickerStyle**
A picker style that presents the options in a scrollable wheel that shows the selected option and a few neighboring options.
### **SegmentedPickerStyle**
A picker style that presents the options in a segmented control. Use this style when there are two to five options. Consider using menu when there are more than five options.
### **PalettePickerStyle**
A picker style that presents the options as a row of compact elements. When used outside of menus, this style is rendered as a segmented picker. If that is the intended usage, consider segmented instead.
### **RadioGroupPickerStyle**
A picker style that presents the options as a group of radio buttons.
### **NavigationLinkPickerStyle**
A picker style represented by a navigation link that presents the options by pushing a List-style picker view.
### **MenuPickerStyle**
A picker style that presents the options as a menu when the user presses a button, or as a submenu when nested within a larger menu.
### **InlinePickerStyle**
A PickerStyle where each option is displayed inline with other views in the current container.
### **Wheel Picker Item Height**
Sets the default wheel-style picker item height.
### **Horizontal Radio Group Layout**
Sets the style for radio group style pickers within this view to be horizontally positioned with the radio buttons inside the layout.
### **Picker Section**
A Section inside a Picker
### **Picker Divider**
A Picker with a Divider
[**DatePicker**
](https://exploreswiftui.com/library/datepicker)
### **Future DatePicker**
Creates an instance that selects multiple dates on or after some start date
### **MultiDatePicker**
A control for picking multiple dates.
### **Hour Minute Seconds DatePicker**
A DatePicker for just hour, minute, and second.
### **Future DatePicker**
Creates an instance that selects a Date in a closed range
### **DatePicker Components **
A date picker with only one displayed component
### **DatePicker**
Creates an instance that selects a Date with an unbounded range
### **DatePicker Colors**
Customizing the colors of the date picker
### **FieldDatePickerStyle**
A date picker style that displays the components in an editable field
### **StepperFieldDatePickerStyle**
A system style that displays the components in an editable field, with adjoining stepper that can increment/decrement the selected component
### **WheelDatePickerStyle**
A date picker style that displays each component as columns in a scrollable wheel
### **GraphicalDatePickerStyle**
A date picker style that displays an interactive calendar or clock
[**Gauge**
](https://exploreswiftui.com/library/gauge)
### **Min Max Current Value Gauge**
Creates a gauge showing a value within a range and describes the gauge’s current, minimum, and maximum values
### **Current Value Gauge **
Creates a gauge showing a value within a range and that describes the gauge’s purpose and current value
### **Gauge**
Creates a gauge showing a value within a range and describes the gauge’s purpose and current value
### **Gauge Colors**
Customizing the colors of different styles with minimal effort
### **CircularGaugeStyle**
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
### **LinearGaugeStyle**
A gauge style that displays a bar with a marker that appears at a point along the bar to indicate the gauge’s current value
### **AccessoryLinearCapacityGaugeStyle**
A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases
### **AccessoryLinearGaugeStyle**
A gauge style that displays bar with a marker that appears at a point along the bar to indicate the gauge’s current value
### **LinearCapacityGaugeStyle**
A gauge style that displays a bar that fills from leading to trailing edges as the gauge’s current value increases
### **AccessoryCircularCapacityGaugeStyle**
A gauge style that displays a closed ring that’s partially filled in to indicate the gauge’s current value
### **AccessoryCircularGaugeStyle**
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
[**ProgressView**
](https://exploreswiftui.com/library/progressview)
### **ProgressView**
The different ProgressView initializers
### **ProgressView Colors**
Customizing the colors of the ProgressView
### **CircularProgressViewStyle**
The style of a progress view that uses a circular gauge to indicate the partial completion of an activity
### **LinearProgressViewStyle**
A progress view that visually indicates its progress using a horizontal bar
[**ContentUnavailableView**
](https://exploreswiftui.com/library/contentunavailableview)
### **Content Unavailable**
A placeholder for empty results with optional button
### **Content Unavailable Search Text**
A pre-built placeholder for empty search results with search text
### **Content Unavailable Search**
A pre-built placeholder for empty search results
[**Menu**
](https://exploreswiftui.com/library/menu)
### **Menu Action Button**
Acts like a button and opens the menu on a secondary gesture
### **Menu**
A control for presenting a menu of actions.
### **Context Menu Preview**
A context menu with custom preview
### **Context Menu**
Adds a context menu to a view.
### **Menu Fixed Order**
Order items from top to bottom
### **Nested Menu**
A Menu inside a Menu
### **Menu Divider**
A Menu with a Divider
### **Menu Section**
A Section inside a Menu
[**ViewThatFits**
](https://exploreswiftui.com/library/viewthatfits)
### **ViewThatFits Vertical**
A view that adapts to the available vertical space by providing the first child view that fits.
### **ViewThatFits**
A view that adapts to the available space by providing the first child view that fits.
[**Divider**
](https://exploreswiftui.com/library/divider)
### **Divider**
A visual element that can be used to separate other content
### **Divider Height**
Customizing the height of the Divider
### **Divider Color**
Customizing the color of the Divider
### **Vertical Divider**
A vertical visual element that can be used to separate other content
[**List**
](https://exploreswiftui.com/library/list)
### **Outline Group**
A structure that computes views and disclosure groups on demand from an underlying collection of tree-structured, identified data.
### **Disclosure Group**
A view that shows or hides another content view, based on the state of a disclosure control.
### **Edit Button**
A button that toggles the edit mode environment value.
### **SidebarListStyle**
The list style that describes the behavior and appearance of a sidebar list.
### **InsetGroupedListStyle**
The list style that describes the behavior and appearance of an inset grouped list.
### **InsetGroupedListStyle**
The list style that describes the behavior and appearance of an inset grouped list.
### **InsetListStyle**
The list style that describes the behavior and appearance of an inset list.
### **EllipticalListStyle**
The list style that describes the behavior and appearance of an elliptical list.
### **CarouselListStyle**
The carousel list style.
### **BorderedListStyle**
The list style that describes the behavior and appearance of a list with standard border.
### **Section Index Label and Visibility**
Sets the label that is used in a section index to point to this section, typically only a single character long. Changes the visibility of the list section index.
### **Move Disabled**
Adds a condition for whether the view’s view hierarchy is movable.
### **Delete Disabled**
Adds a condition for whether the view’s view hierarchy is deletable.
### **Refreshable List**
Marks this view as refreshable.
### **Swipe Action**
Adds custom swipe actions to a row in a list.
### **List Badge Prominence**
Specifies the prominence of badges created by this view.
### **List Badge**
Generates a badge for the view from an integer value.
### **List Row Background**
Places a custom background view behind a list row item.
### **Hidden List Row Separator**
Sets the display mode to hidden for the separator associated with this specific row.
### **Hidden List Section Separator**
Sets whether to hide the separator associated with a list section.
### **List Section Separator Tint**
Sets the tint color associated with a section.
### **List Row Separator Tint**
Sets the tint color associated with a row.
### **List Item Tint**
Sets a fixed tint color for content in a list.
### **List Section Margins**
Set the section margins for the specific edges.
### **Compact List Section Spacing**
Compact spacing between sections
### **Custom List Section Spacing**
Sets the spacing between adjacent sections in a List to a custom value.
### **List Row Spacing**
Sets the vertical spacing between two adjacent rows in a List.
### **Default Min List Header Height**
The default minimum height of a header in a list.
### **Default Min List Row Height**
The default minimum height of rows in a list.
### **List Row Insets**
Applies an inset to the rows in a list.
### **Increased Header Prominence**
Sets the header prominence to increased for this view.
### **List Background Prominence**
The prominence of the background underneath views associated with this environment.
[**GroupBox**
](https://exploreswiftui.com/library/groupbox)
### **GroupBox With Label**
A GroupBox with Label
### **GroupBox**
A simple GroupBox
### **GroupBox Background**
Set a custom GroupBox background
[**ScrollView**
](https://exploreswiftui.com/library/scrollview)
### **Hard ScrollEdgeEffect**
A scroll edge effect with a hard cutoff and dividing line
[**Color**
](https://exploreswiftui.com/library/color)
### **Color Opacity**
The Color opacity modifier
### **Color Gradient**
The Color gradient modifier
### **Color Variants**
HierarchicalShapeStyle, a shape style that maps to one of the numbered content styles
### **UIKit Separator Colors**
The UIKit separator colors that are also used in other components, such as the TextField
### **UIKit Content Background colors**
The UIKit colors that are also used in other components like in List and GroupBox
### **UIKit Text Colors**
The UIKit text colors that are also used in other components, such as the TextField
### **UIKit Fill Colors**
### **UIKit Label Colors**
### **Semantic Colors**
### **Standard Colors**
The SwiftUI standard colors
[**Text**
](https://exploreswiftui.com/library/text)
### **Text Format**
Creates a text view that displays the formatted representation of a nonstring type supported by a corresponding format style.
[**Material**
](https://exploreswiftui.com/library/material)
### **Materials**
All materials
[**Link**
](https://exploreswiftui.com/library/link)
### **HelpLink**
A button with a standard appearance that opens app-specific help documentation
### **TextFieldLink**
A control that requests text input from the user when pressed
### **Custom Preview Item ShareLink **
Creates an instance, with a custom label, that presents the share interface
### **ShareLink**
A view that controls a sharing presentation
### **Link**
A control for navigating to a URL
[**ControlGroup**
](https://exploreswiftui.com/library/controlgroup)
### **ControlGroup**
Creates a new ControlGroup with the specified children
### **PaletteControlGroupStyle**
A control group style that presents its content as a palette.
### **NavigationControlGroupStyle**
The navigation control group style
### **MenuControlGroupStyle**
A control group style that presents its content as a menu when the user presses the control, or as a submenu when nested within a larger menu
### **CompactMenuControlGroupStyle**
A control group style that presents its content as a compact menu when the user presses the control, or as a submenu when nested within a larger menu
[**Navigation**
](https://exploreswiftui.com/library/navigation)
### **Preferred Top Column**
Controls which column appears on top of the stack when NavigationSplitView collapses into a single stack in certain contexts, such as on iPhone, when iPhone Duo is closed, or on Apple Watch. By default, the sidebar appears on top. In this case, the detail column does instead.
### **Content NavigationSplitView**
Creates a three-column navigation split view.
### **NavigationSplitView**
Creates a two-column navigation split view.
### **Hide Sidebar Toggle**
Removes the sidebar toggle toolbar item a NavigationSplitView adds by default.
### **Navigation Subtitle**
Configures the view’s subtitle for purposes of navigation, using a localized string
[**View**
](https://exploreswiftui.com/library/view)
### **Disabled Toolbar Vertical Behavior**
Disables the vertical bar.
### **Music Picker**
Presents a music picker to select items from the Apple Music catalog and the user’s music library.
### **App Store Overlay**
Presents a StoreKit overlay when a given condition is true.
### **Manage Subscriptions Sheet**
Opens the manage subscriptions sheet.
### **Swipe Container**
Only allows a single active swipe within a container.
### **Swipe Action**
Adds custom swipe actions to a row in a list or container, notifying you when the actions are revealed or dismissed.
### **Navigation Split View Container Background**
A background placement behind the content of a NavigationSplitView.
### **Navigation Container Background**
Sets the container background of the enclosing container using a view.
### **ControlSize**
A control version that is the default size
### **Background Extension Effect**
Adds the background extension effect to the view. The view will be duplicated into mirrored copies which will be placed around the view on any edge with available safe area. Additionally, a blur effect will be applied on top to blur out the copies
### **Glass effect**
Applies the Liquid Glass effect to a view
### **Toolbar Vertical Edge**
This value reflects the system’s preferred edge for the vertical bar in the current context, regardless of whether a vertical bar is currently visible. Use it to position custom bars or other UI relative to the system’s bar placement.
### **Hinge State**
A type encapsulating the state of a single hinge.
[**TabView**
](https://exploreswiftui.com/library/tabview)
### **TabSection**
A container that you can use to add hierarchy within a tab view.
### **TabBarOnlyTabViewStyle**
A tab view style that displays a tab bar when possible.
### **TabView**
Creates Tabs with title, image, systemImage and custom Label.
### **Search Tab Role**
On Liquid Glass, this tab is placed in its own group. In left-to-right (LTR) layouts, it will always appear on the right side of the TabView.
### **GroupedTabViewStyle**
A tab view style that displays a tab bar that groups its tabs together.
### **PageTabViewStyle**
A TabViewStyle that displays a paged scrolling TabView.
### **VerticalPageTabViewStyle**
A TabViewStyle that displays a vertical TabView interaction and appearance.
### **SidebarAdaptableTabViewStyle**
A tab bar style that adapts to each platform.
### **TabView Bottom Accessory Placement**
A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement
### **Default Collapsed Tab Section**
Sets the default expansion state for the section containing this tab to collapsed when displayed in the sidebar.
### **Tab View Customization Behavior**
Configures the customization behavior of customizable tab view content.
### **Tab View Customization**
Specifies the customizations to apply to the sidebar representation of the tab view.
### **Tab View Side Bar Footer**
Adds a custom footer to the sidebar of a tab view.
### **Tab View Side Bar Bottom Bar**
Adds a custom bottom bar to the sidebar of a tab view.
### **Default Adaptable Tab Bar Placement**
Specifies the default placement for the tabs in a tab view using the adaptable sidebar style.
### **Tab Bar Section Actions**
Adds custom actions to a tab section.
### **Tab View Side Bar Header**
Adds a custom header to the sidebar of a tab view.
### **Tab Badge**
Generates a badge for a tab from an integer value.
### **Hidden Index PageTabViewStyle**
A TabViewStyle that displays a paged scrolling TabView with a hidden index.
### **Value Tab View**
Creates a tab view that uses a builder to create and specify selection values for its tabs.
### **Hide Tab Bar On Scroll Down**
Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone
### **Bottom Accessory**
A modifier to place content above the tabs
[**GlassEffectContainer**
](https://exploreswiftui.com/library/glasseffectcontainer)
### **Glass Effect Container**
A view that combines multiple Liquid Glass shapes into a single shape that can morph individual shapes into one another
[**Shapes**
](https://exploreswiftui.com/library/shapes)
### **ContainerRelativeShape**
A shape that is replaced by an inset version of the current container shape. If no container shape was defined, is replaced by a rectangle
[**Sheet**
](https://exploreswiftui.com/library/sheet)
### **Sheet Placement**
Sets the placement of a presentation within the presenting view. This may fall back to center on small screens.
### **Disable Sheet Dismiss Swipe**
Conditionally prevents interactive dismissal of presentations like popovers, sheets, and inspectors. Dragging the sheet is still possible to a limited extent, as shown in the screenshot, but it will never be dismissed.
### **Page Screen Sheet Size**
On devices smaller than a page of paper, such as iPhone, Apple Watch, and 8" or 11" iPads, the sheet fills the entire height and, unlike the default sheet on iPad, the full width. On macOS, .page behaves like .fitted.
### **Fitted Sheet Sizing**
Sets the sizing of the containing presentation. This does not have any effect on smaller devices like iPhone and Apple Watch. On macOS, fitted is the default.
### **Sheet Corner Radius**
Requests that the presentation have a specific corner radius.
### **Prioritize Sheet Content Scrolling**
Configures the behavior of swipe gestures on a presentation. PresentationContentInteraction.scrolls prioritizes scrolling the content over resizing the sheet.
### **Sheet Background Interaction**
Controls whether people can interact with the view behind a presentation.
### **Sheet Background**
Sets the presentation background of the enclosing sheet using a shape style.
### **Sheet Drag Indicator Visibility**
Sets the visibility of the drag indicator on top of a sheet.
### **Sheet Size**
Sets the available detents for the enclosing sheet.
### **Item Sheet**
Presents a sheet using the given item as a data source for the sheet’s content. On watchOS, sheets are displayed as fullScreenCover.
### **Boolean Sheet**
Presents a sheet when a binding to a Boolean value that you provide is true. On watchOS, sheets are displayed as fullScreenCover.
[**Label**
](https://exploreswiftui.com/library/label)
### **Custom Label**
Creates a label with a custom title and icon.
### **Image Label**
Creates a label with an icon image and a title generated from a localized string.
### **System Image Label**
Creates a label with a system icon image and a title generated from a localized string.
### **Label Styles**
Sets the style for labels within this view.
[**LabeledContent**
](https://exploreswiftui.com/library/labeledcontent)
### **Custom Labeled Content**
Creates a standard labeled element, with a view that conveys the value of the element and a label.
### **Formatted Labeled Content**
Creates a labeled informational view from a formatted value.
### **Labeled Content**
Creates a labeled informational view.
[**ConcentricRectangle**
](https://exploreswiftui.com/library/concentricrectangle)
### **Uniform Concentric Rectangle**
Create a rectangle with the same corner style set on four corners.
### **Concentric Rectangle**
A concentric rectangle whose corner radii are defined from the same circle center as its parent element. The outermost parent is the device frame.
[**AsyncImage**
](https://exploreswiftui.com/library/asyncimage)
### **Custom Placeholder Async URL Image**
Loads and displays a modifiable image from the specified URL load request using a custom placeholder until the image loads.
### **Custom Phases Async URL Image**
Loads and displays a modifiable image from the specified URL load request in phases.
### **Async URL Image**
Loads and displays an image from the specified URL load request.
### **Custom Session Async URL Image**
A modifier that adds a URL session for asynchronous images contained in the view to use when fetching image data.
[**Alert**
](https://exploreswiftui.com/library/alert)
### **Message Error Alert**
Presents an alert with a message when an error is present.
### **Message Item Alert**
Presents an alert with a message using the given data to produce the alert’s content and a localized string key for a title.
### **Item Alert**
Presents an alert using the given data to produce the alert’s content and a text view as a title.
### **Error Alert**
Presents an alert when an error is present.
[**ProductView**
](https://exploreswiftui.com/library/productview)
### **Placeholder Icon Product View**
Creates a view to load an individual product from the App Store, and merchandise it using its promotional image and a custom placeholder icon.
### **Custom Icon Product View**
Creates a view to load an individual product from the App Store and merchandise it using a custom icon.
### **Product View**
Creates a view to load and merchandise an individual product from the App Store.
### **CompactProductViewStyle**
A style for a product view that’s suitable for layouts with less available space, or for displaying more items in a small amount of space.
### **RegularProductViewStyle**
A style for a product view that uses a standard, platform-appropriate layout.
### **LargeProductViewStyle**
A style for a product view that’s suitable for layouts where the in-app purchase content is prominent.
[**StoreView**
](https://exploreswiftui.com/library/storeview)
### **Icon Phase Store View**
Creates a view to load a collection of products from the App Store using product identifiers, and merchandise them using their promotional images and a custom placeholder icon.
### **Placeholder Icon Store View**
Creates a view to load a collection of products from the App Store using product identifiers, and merchandise them using an image and a custom placeholder icon.
### **Custom Icon Store View**
Creates a view to load a collection of products from the App Store using product identifiers, and merchandise them using a custom image.
### **Store View**
Creates a view to load and merchandise a collection of products from the App Store using product identifiers. Internally, ProductView is used, and therefore productViewStyle can also be applied here.
### **Store Cancellation Button**
A type of button that people use to dismiss the current store presentation. It is displayed by default and only works in a sheet.
### **Restore Purchases Button**
A type of button that people use to restore purchases.
[**SubscriptionStoreView**
](https://exploreswiftui.com/library/subscriptionstoreview)
### **Custom Group Subscription Store View**
Creates a SubscriptionStoreView with custom grouping.
### **Custom Header Subscription Store View**
Creates a view that loads all the subscriptions in a subscription group from the App Store, and merchandises them with custom marketing content.
### **Upgrade Only Subscription Store View**
Creates a view that loads all subscriptions from a subscription group but displays only the higher-level ones. In this case, the VIP Kitty Pass is already active, which is why only the higher-tier Royal Kitty Pass is displayed.
### **Group Subscription Store View**
Creates a view that loads all subscriptions in a subscription group from the App Store, and merchandises them with automatic marketing content.
### **Single Subscription Store View**
Creates a view that loads subscriptions based on a collection of product identifiers, and merchandises them with automatic marketing content.
### **Subscription Store View**
Creates a view that loads subscriptions based on a collection of product identifiers, and merchandises them with automatic marketing content.
[**TextField**
](https://exploreswiftui.com/library/textfield)
### **Capsule Text Field**
Gives your text field a capsule shape. This only has a visible effect on macOS, where the capsule shape is not the default.
[**ArrangementView**
](https://exploreswiftui.com/library/arrangementview)
### **ArrangementView**
Creates an arrangement view with a primary and secondary view.
### **Overlay Arrangement Style**
An arrangement view style that layers the primary view over the secondary view in z-order.
### **Only Horizontal Split Arrangement Style**
Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied.
### **Overlay Arrangement Edge**
The horizontal edge a view in an overlay arrangement occupies when the arrangement transitions to a horizontal layout. In this case, the primary view overlays the secondary view at the trailing edge when the screen is partially open in landscape.
### **Split Arrangement Layout Ratio**
Sets the preferred size ratio for an arrangement view in a split style. Use this modifier when you want to customize the size of the view compared to its other views in the split layout.
### **Overlay Arrangement ZIndex**
The z-index for a view within an overlay arrangement view.
[**GeometryReader**
](https://exploreswiftui.com/library/geometryreader)
### **Reserved Regions**
Returns the reserved regions for the given kind. A reserved region indicates that an area within a view’s coordinate space has been claimed by something the view does not own
```json
{"@context":"https://schema.org","@graph":[{"@id":"https://exploreswiftui.com/#website","@type":"WebSite","description":"A visual library for SwiftUI APIs, components, and modifiers","inLanguage":"en-US","name":"Explore SwiftUI","url":"https://exploreswiftui.com/","publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/#webpage","description":"Discover SwiftUI APIs, components, and modifiers through visual examples","inLanguage":"en-US","name":"Explore SwiftUI - Visual Library","url":"https://exploreswiftui.com","@type":["WebPage","CollectionPage"],"about":{"@type":["Organization","Thing"],"name":"SwiftUI","url":"https://exploreswiftui.com/"},"breadcrumb":{"@id":"https://exploreswiftui.com/#breadcrumb"},"isPartOf":{"@type":"WebSite","name":"Explore SwiftUI","url":"https://exploreswiftui.com"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/"]}],"primaryImageOfPage":{"@id":"https://exploreswiftui.com/#logo"}},{"@id":"https://exploreswiftui.com/#identity","@type":"Organization","description":"A visual library for SwiftUI APIs, components, and modifiers","name":"Explore SwiftUI","url":"https://exploreswiftui.com","logo":{"@id":"https://exploreswiftui.com/#logo"},"sameAs":["https://x.com/Typ0genius","https://mastodon.social/@Typ0genius"]},{"@id":"https://exploreswiftui.com/#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1}]},{"@id":"https://exploreswiftui.com/#itemlist","@type":"ItemList","name":"Explore SwiftUI Component Library","numberOfItems":244,"itemListElement":[{"@type":"ListItem","position":1,"name":"Role Button With Default Label","url":"https://exploreswiftui.com/library/button/role-button-with-default-label"},{"@type":"ListItem","position":2,"name":"Button","url":"https://exploreswiftui.com/library/button/button"},{"@type":"ListItem","position":3,"name":"Glass Button Styles","url":"https://exploreswiftui.com/library/button/glass-button-styles"},{"@type":"ListItem","position":4,"name":"Button Tint","url":"https://exploreswiftui.com/library/button/button-tint"},{"@type":"ListItem","position":5,"name":"Button Roles","url":"https://exploreswiftui.com/library/button/button-roles"},{"@type":"ListItem","position":6,"name":"Button Styles","url":"https://exploreswiftui.com/library/button/button-styles"},{"@type":"ListItem","position":7,"name":"Button Sizing","url":"https://exploreswiftui.com/library/button/button-sizing"},{"@type":"ListItem","position":8,"name":"RenameButton","url":"https://exploreswiftui.com/library/button/renamebutton"},{"@type":"ListItem","position":9,"name":"EditButton","url":"https://exploreswiftui.com/library/button/editbutton"},{"@type":"ListItem","position":10,"name":"PasteButton","url":"https://exploreswiftui.com/library/button/pastebutton"},{"@type":"ListItem","position":11,"name":"Button Border Shape","url":"https://exploreswiftui.com/library/button/button-border-shape"},{"@type":"ListItem","position":12,"name":"Toolbar Overflow Menu","url":"https://exploreswiftui.com/library/toolbars/toolbar-overflow-menu"},{"@type":"ListItem","position":13,"name":"ToolbarSpacer","url":"https://exploreswiftui.com/library/toolbars/toolbarspacer"},{"@type":"ListItem","position":14,"name":"Prefer Vertical Toolbar Items","url":"https://exploreswiftui.com/library/toolbars/prefer-vertical-toolbar-items"},{"@type":"ListItem","position":15,"name":"Axis Behavior","url":"https://exploreswiftui.com/library/toolbars/axis-behavior"},{"@type":"ListItem","position":16,"name":"Toolbar Item Visibility Priority","url":"https://exploreswiftui.com/library/toolbars/toolbar-item-visibility-priority"},{"@type":"ListItem","position":17,"name":"Remove Toolbar Item Margin","url":"https://exploreswiftui.com/library/toolbars/remove-toolbar-item-margin"},{"@type":"ListItem","position":18,"name":"ToolbarItem Shared Background Visibility","url":"https://exploreswiftui.com/library/toolbars/toolbaritem-shared-background-visibility"},{"@type":"ListItem","position":19,"name":"Pinned Toolbar Item Placement","url":"https://exploreswiftui.com/library/toolbars/pinned-toolbar-item-placement"},{"@type":"ListItem","position":20,"name":"Title Toolbar Item Placement","url":"https://exploreswiftui.com/library/toolbars/title-toolbar-item-placement"},{"@type":"ListItem","position":21,"name":"SliderTickContentForEach","url":"https://exploreswiftui.com/library/slider/slidertickcontentforeach"},{"@type":"ListItem","position":22,"name":"Custom Slider Ticks","url":"https://exploreswiftui.com/library/slider/custom-slider-ticks"},{"@type":"ListItem","position":23,"name":"Stepped Min Max Label Slider","url":"https://exploreswiftui.com/library/slider/stepped-min-max-label-slider"},{"@type":"ListItem","position":24,"name":"Stepped Slider","url":"https://exploreswiftui.com/library/slider/stepped-slider"},{"@type":"ListItem","position":25,"name":"Slider","url":"https://exploreswiftui.com/library/slider/slider"},{"@type":"ListItem","position":26,"name":"Slider Color","url":"https://exploreswiftui.com/library/slider/slider-color"},{"@type":"ListItem","position":27,"name":"Multiple Sources Toggle","url":"https://exploreswiftui.com/library/toggle/multiple-sources-toggle"},{"@type":"ListItem","position":28,"name":"Toggle","url":"https://exploreswiftui.com/library/toggle/toggle"},{"@type":"ListItem","position":29,"name":"CheckboxToggleStyle","url":"https://exploreswiftui.com/library/toggle/checkboxtogglestyle"},{"@type":"ListItem","position":30,"name":"SwitchToggleStyle","url":"https://exploreswiftui.com/library/toggle/switchtogglestyle"},{"@type":"ListItem","position":31,"name":"ButtonToggleStyle","url":"https://exploreswiftui.com/library/toggle/buttontogglestyle"},{"@type":"ListItem","position":32,"name":"Custom Value Label Picker","url":"https://exploreswiftui.com/library/picker/custom-value-label-picker"},{"@type":"ListItem","position":33,"name":"Multiple Sources Picker","url":"https://exploreswiftui.com/library/picker/multiple-sources-picker"},{"@type":"ListItem","position":34,"name":"Picker","url":"https://exploreswiftui.com/library/picker/picker"},{"@type":"ListItem","position":35,"name":"TabsPickerStyle","url":"https://exploreswiftui.com/library/picker/tabspickerstyle"},{"@type":"ListItem","position":36,"name":"WheelPickerStyle","url":"https://exploreswiftui.com/library/picker/wheelpickerstyle"},{"@type":"ListItem","position":37,"name":"SegmentedPickerStyle","url":"https://exploreswiftui.com/library/picker/segmentedpickerstyle"},{"@type":"ListItem","position":38,"name":"PalettePickerStyle","url":"https://exploreswiftui.com/library/picker/palettepickerstyle"},{"@type":"ListItem","position":39,"name":"RadioGroupPickerStyle","url":"https://exploreswiftui.com/library/picker/radiogrouppickerstyle"},{"@type":"ListItem","position":40,"name":"NavigationLinkPickerStyle","url":"https://exploreswiftui.com/library/picker/navigationlinkpickerstyle"},{"@type":"ListItem","position":41,"name":"MenuPickerStyle","url":"https://exploreswiftui.com/library/picker/menupickerstyle"},{"@type":"ListItem","position":42,"name":"InlinePickerStyle","url":"https://exploreswiftui.com/library/picker/inlinepickerstyle"},{"@type":"ListItem","position":43,"name":"Wheel Picker Item Height","url":"https://exploreswiftui.com/library/picker/wheel-picker-item-height"},{"@type":"ListItem","position":44,"name":"Horizontal Radio Group Layout","url":"https://exploreswiftui.com/library/picker/horizontal-radio-group-layout"},{"@type":"ListItem","position":45,"name":"Picker Section","url":"https://exploreswiftui.com/library/picker/picker-section"},{"@type":"ListItem","position":46,"name":"Picker Divider","url":"https://exploreswiftui.com/library/picker/picker-divider"},{"@type":"ListItem","position":47,"name":"Future DatePicker","url":"https://exploreswiftui.com/library/datepicker/future-datepicker"},{"@type":"ListItem","position":48,"name":"MultiDatePicker","url":"https://exploreswiftui.com/library/datepicker/multidatepicker"},{"@type":"ListItem","position":49,"name":"Hour Minute Seconds DatePicker","url":"https://exploreswiftui.com/library/datepicker/hour-minute-seconds-datepicker"},{"@type":"ListItem","position":50,"name":"Future DatePicker","url":"https://exploreswiftui.com/library/datepicker/future-datepicker"},{"@type":"ListItem","position":51,"name":"DatePicker Components ","url":"https://exploreswiftui.com/library/datepicker/datepicker-components"},{"@type":"ListItem","position":52,"name":"DatePicker","url":"https://exploreswiftui.com/library/datepicker/datepicker"},{"@type":"ListItem","position":53,"name":"DatePicker Colors","url":"https://exploreswiftui.com/library/datepicker/datepicker-colors"},{"@type":"ListItem","position":54,"name":"FieldDatePickerStyle","url":"https://exploreswiftui.com/library/datepicker/fielddatepickerstyle"},{"@type":"ListItem","position":55,"name":"StepperFieldDatePickerStyle","url":"https://exploreswiftui.com/library/datepicker/stepperfielddatepickerstyle"},{"@type":"ListItem","position":56,"name":"WheelDatePickerStyle","url":"https://exploreswiftui.com/library/datepicker/wheeldatepickerstyle"},{"@type":"ListItem","position":57,"name":"GraphicalDatePickerStyle","url":"https://exploreswiftui.com/library/datepicker/graphicaldatepickerstyle"},{"@type":"ListItem","position":58,"name":"Min Max Current Value Gauge","url":"https://exploreswiftui.com/library/gauge/min-max-current-value-gauge"},{"@type":"ListItem","position":59,"name":"Current Value Gauge ","url":"https://exploreswiftui.com/library/gauge/current-value-gauge"},{"@type":"ListItem","position":60,"name":"Gauge","url":"https://exploreswiftui.com/library/gauge/gauge"},{"@type":"ListItem","position":61,"name":"Gauge Colors","url":"https://exploreswiftui.com/library/gauge/gauge-colors"},{"@type":"ListItem","position":62,"name":"CircularGaugeStyle","url":"https://exploreswiftui.com/library/gauge/circulargaugestyle"},{"@type":"ListItem","position":63,"name":" LinearGaugeStyle","url":"https://exploreswiftui.com/library/gauge/lineargaugestyle"},{"@type":"ListItem","position":64,"name":"AccessoryLinearCapacityGaugeStyle","url":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle"},{"@type":"ListItem","position":65,"name":"AccessoryLinearGaugeStyle","url":"https://exploreswiftui.com/library/gauge/accessorylineargaugestyle"},{"@type":"ListItem","position":66,"name":"LinearCapacityGaugeStyle","url":"https://exploreswiftui.com/library/gauge/linearcapacitygaugestyle"},{"@type":"ListItem","position":67,"name":"AccessoryCircularCapacityGaugeStyle","url":"https://exploreswiftui.com/library/gauge/accessorycircularcapacitygaugestyle"},{"@type":"ListItem","position":68,"name":"AccessoryCircularGaugeStyle","url":"https://exploreswiftui.com/library/gauge/accessorycirculargaugestyle"},{"@type":"ListItem","position":69,"name":"ProgressView","url":"https://exploreswiftui.com/library/progressview/progressview"},{"@type":"ListItem","position":70,"name":"ProgressView Colors","url":"https://exploreswiftui.com/library/progressview/progressview-colors"},{"@type":"ListItem","position":71,"name":"CircularProgressViewStyle","url":"https://exploreswiftui.com/library/progressview/circularprogressviewstyle"},{"@type":"ListItem","position":72,"name":"LinearProgressViewStyle","url":"https://exploreswiftui.com/library/progressview/linearprogressviewstyle"},{"@type":"ListItem","position":73,"name":"Content Unavailable","url":"https://exploreswiftui.com/library/contentunavailableview/content-unavailable"},{"@type":"ListItem","position":74,"name":"Content Unavailable Search Text","url":"https://exploreswiftui.com/library/contentunavailableview/content-unavailable-search-text"},{"@type":"ListItem","position":75,"name":"Content Unavailable Search","url":"https://exploreswiftui.com/library/contentunavailableview/content-unavailable-search"},{"@type":"ListItem","position":76,"name":"Menu Action Button","url":"https://exploreswiftui.com/library/menu/menu-action-button"},{"@type":"ListItem","position":77,"name":"Menu","url":"https://exploreswiftui.com/library/menu/menu"},{"@type":"ListItem","position":78,"name":"Context Menu Preview","url":"https://exploreswiftui.com/library/menu/context-menu-preview"},{"@type":"ListItem","position":79,"name":"Context Menu","url":"https://exploreswiftui.com/library/menu/context-menu"},{"@type":"ListItem","position":80,"name":"Menu Fixed Order","url":"https://exploreswiftui.com/library/menu/menu-fixed-order"},{"@type":"ListItem","position":81,"name":"Nested Menu","url":"https://exploreswiftui.com/library/menu/nested-menu"},{"@type":"ListItem","position":82,"name":"Menu Divider","url":"https://exploreswiftui.com/library/menu/menu-divider"},{"@type":"ListItem","position":83,"name":"Menu Section","url":"https://exploreswiftui.com/library/menu/menu-section"},{"@type":"ListItem","position":84,"name":"ViewThatFits Vertical","url":"https://exploreswiftui.com/library/viewthatfits/viewthatfits-vertical"},{"@type":"ListItem","position":85,"name":"ViewThatFits","url":"https://exploreswiftui.com/library/viewthatfits/viewthatfits"},{"@type":"ListItem","position":86,"name":"Divider","url":"https://exploreswiftui.com/library/divider/divider"},{"@type":"ListItem","position":87,"name":"Divider Height","url":"https://exploreswiftui.com/library/divider/divider-height"},{"@type":"ListItem","position":88,"name":"Divider Color","url":"https://exploreswiftui.com/library/divider/divider-color"},{"@type":"ListItem","position":89,"name":"Vertical Divider","url":"https://exploreswiftui.com/library/divider/vertical-divider"},{"@type":"ListItem","position":90,"name":"Outline Group","url":"https://exploreswiftui.com/library/list/outline-group"},{"@type":"ListItem","position":91,"name":"Disclosure Group","url":"https://exploreswiftui.com/library/list/disclosure-group"},{"@type":"ListItem","position":92,"name":"Edit Button","url":"https://exploreswiftui.com/library/list/edit-button"},{"@type":"ListItem","position":93,"name":"SidebarListStyle","url":"https://exploreswiftui.com/library/list/sidebarliststyle"},{"@type":"ListItem","position":94,"name":"InsetGroupedListStyle","url":"https://exploreswiftui.com/library/list/insetgroupedliststyle"},{"@type":"ListItem","position":95,"name":"InsetGroupedListStyle","url":"https://exploreswiftui.com/library/list/insetgroupedliststyle"},{"@type":"ListItem","position":96,"name":"InsetListStyle","url":"https://exploreswiftui.com/library/list/insetliststyle"},{"@type":"ListItem","position":97,"name":"EllipticalListStyle","url":"https://exploreswiftui.com/library/list/ellipticalliststyle"},{"@type":"ListItem","position":98,"name":"CarouselListStyle","url":"https://exploreswiftui.com/library/list/carouselliststyle"},{"@type":"ListItem","position":99,"name":"BorderedListStyle","url":"https://exploreswiftui.com/library/list/borderedliststyle"},{"@type":"ListItem","position":100,"name":"Section Index Label and Visibility","url":"https://exploreswiftui.com/library/list/section-index-label-and-visibility"},{"@type":"ListItem","position":101,"name":"Move Disabled","url":"https://exploreswiftui.com/library/list/move-disabled"},{"@type":"ListItem","position":102,"name":"Delete Disabled","url":"https://exploreswiftui.com/library/list/delete-disabled"},{"@type":"ListItem","position":103,"name":"Refreshable List","url":"https://exploreswiftui.com/library/list/refreshable-list"},{"@type":"ListItem","position":104,"name":"Swipe Action","url":"https://exploreswiftui.com/library/list/swipe-action"},{"@type":"ListItem","position":105,"name":"List Badge Prominence","url":"https://exploreswiftui.com/library/list/list-badge-prominence"},{"@type":"ListItem","position":106,"name":"List Badge","url":"https://exploreswiftui.com/library/list/list-badge"},{"@type":"ListItem","position":107,"name":"List Row Background","url":"https://exploreswiftui.com/library/list/list-row-background"},{"@type":"ListItem","position":108,"name":"Hidden List Row Separator","url":"https://exploreswiftui.com/library/list/hidden-list-row-separator"},{"@type":"ListItem","position":109,"name":"Hidden List Section Separator","url":"https://exploreswiftui.com/library/list/hidden-list-section-separator"},{"@type":"ListItem","position":110,"name":"List Section Separator Tint","url":"https://exploreswiftui.com/library/list/list-section-separator-tint"},{"@type":"ListItem","position":111,"name":"List Row Separator Tint","url":"https://exploreswiftui.com/library/list/list-row-separator-tint"},{"@type":"ListItem","position":112,"name":"List Item Tint","url":"https://exploreswiftui.com/library/list/list-item-tint"},{"@type":"ListItem","position":113,"name":"List Section Margins","url":"https://exploreswiftui.com/library/list/list-section-margins"},{"@type":"ListItem","position":114,"name":"Compact List Section Spacing","url":"https://exploreswiftui.com/library/list/compact-list-section-spacing"},{"@type":"ListItem","position":115,"name":"Custom List Section Spacing","url":"https://exploreswiftui.com/library/list/custom-list-section-spacing"},{"@type":"ListItem","position":116,"name":"List Row Spacing","url":"https://exploreswiftui.com/library/list/list-row-spacing"},{"@type":"ListItem","position":117,"name":"Default Min List Header Height","url":"https://exploreswiftui.com/library/list/default-min-list-header-height"},{"@type":"ListItem","position":118,"name":"Default Min List Row Height","url":"https://exploreswiftui.com/library/list/default-min-list-row-height"},{"@type":"ListItem","position":119,"name":"List Row Insets","url":"https://exploreswiftui.com/library/list/list-row-insets"},{"@type":"ListItem","position":120,"name":"Increased Header Prominence","url":"https://exploreswiftui.com/library/list/increased-header-prominence"},{"@type":"ListItem","position":121,"name":"List Background Prominence","url":"https://exploreswiftui.com/library/list/list-background-prominence"},{"@type":"ListItem","position":122,"name":"GroupBox With Label","url":"https://exploreswiftui.com/library/groupbox/groupbox-with-label"},{"@type":"ListItem","position":123,"name":"GroupBox","url":"https://exploreswiftui.com/library/groupbox/groupbox"},{"@type":"ListItem","position":124,"name":"GroupBox Background","url":"https://exploreswiftui.com/library/groupbox/groupbox-background"},{"@type":"ListItem","position":125,"name":"Hard ScrollEdgeEffect","url":"https://exploreswiftui.com/library/scrollview/hard-scrolledgeeffect"},{"@type":"ListItem","position":126,"name":"Color Opacity","url":"https://exploreswiftui.com/library/color/color-opacity"},{"@type":"ListItem","position":127,"name":"Color Gradient","url":"https://exploreswiftui.com/library/color/color-gradient"},{"@type":"ListItem","position":128,"name":"Color Variants","url":"https://exploreswiftui.com/library/color/color-variants"},{"@type":"ListItem","position":129,"name":"UIKit Separator Colors","url":"https://exploreswiftui.com/library/color/uikit-separator-colors"},{"@type":"ListItem","position":130,"name":"UIKit Content Background colors","url":"https://exploreswiftui.com/library/color/uikit-content-background-colors"},{"@type":"ListItem","position":131,"name":"UIKit Text Colors","url":"https://exploreswiftui.com/library/color/uikit-text-colors"},{"@type":"ListItem","position":132,"name":"UIKit Fill Colors","url":"https://exploreswiftui.com/library/color/uikit-fill-colors"},{"@type":"ListItem","position":133,"name":"UIKit Label Colors","url":"https://exploreswiftui.com/library/color/uikit-label-colors"},{"@type":"ListItem","position":134,"name":"Semantic Colors","url":"https://exploreswiftui.com/library/color/semantic-colors"},{"@type":"ListItem","position":135,"name":"Standard Colors","url":"https://exploreswiftui.com/library/color/standard-colors"},{"@type":"ListItem","position":136,"name":"Text Format","url":"https://exploreswiftui.com/library/text/text-format"},{"@type":"ListItem","position":137,"name":"Materials","url":"https://exploreswiftui.com/library/material/materials"},{"@type":"ListItem","position":138,"name":"HelpLink","url":"https://exploreswiftui.com/library/link/helplink"},{"@type":"ListItem","position":139,"name":"TextFieldLink","url":"https://exploreswiftui.com/library/link/textfieldlink"},{"@type":"ListItem","position":140,"name":"Custom Preview Item ShareLink ","url":"https://exploreswiftui.com/library/link/custom-preview-item-sharelink"},{"@type":"ListItem","position":141,"name":"ShareLink","url":"https://exploreswiftui.com/library/link/sharelink"},{"@type":"ListItem","position":142,"name":"Link","url":"https://exploreswiftui.com/library/link/link"},{"@type":"ListItem","position":143,"name":"ControlGroup","url":"https://exploreswiftui.com/library/controlgroup/controlgroup"},{"@type":"ListItem","position":144,"name":"PaletteControlGroupStyle","url":"https://exploreswiftui.com/library/controlgroup/palettecontrolgroupstyle"},{"@type":"ListItem","position":145,"name":"NavigationControlGroupStyle","url":"https://exploreswiftui.com/library/controlgroup/navigationcontrolgroupstyle"},{"@type":"ListItem","position":146,"name":"MenuControlGroupStyle","url":"https://exploreswiftui.com/library/controlgroup/menucontrolgroupstyle"},{"@type":"ListItem","position":147,"name":"CompactMenuControlGroupStyle","url":"https://exploreswiftui.com/library/controlgroup/compactmenucontrolgroupstyle"},{"@type":"ListItem","position":148,"name":"Preferred Top Column","url":"https://exploreswiftui.com/library/navigation/preferred-top-column"},{"@type":"ListItem","position":149,"name":"Content NavigationSplitView","url":"https://exploreswiftui.com/library/navigation/content-navigationsplitview"},{"@type":"ListItem","position":150,"name":"NavigationSplitView","url":"https://exploreswiftui.com/library/navigation/navigationsplitview"},{"@type":"ListItem","position":151,"name":"Hide Sidebar Toggle","url":"https://exploreswiftui.com/library/navigation/hide-sidebar-toggle"},{"@type":"ListItem","position":152,"name":"Navigation Subtitle","url":"https://exploreswiftui.com/library/navigation/navigation-subtitle"},{"@type":"ListItem","position":153,"name":"Disabled Toolbar Vertical Behavior","url":"https://exploreswiftui.com/library/view/disabled-toolbar-vertical-behavior"},{"@type":"ListItem","position":154,"name":"Music Picker","url":"https://exploreswiftui.com/library/view/music-picker"},{"@type":"ListItem","position":155,"name":"App Store Overlay","url":"https://exploreswiftui.com/library/view/app-store-overlay"},{"@type":"ListItem","position":156,"name":"Manage Subscriptions Sheet","url":"https://exploreswiftui.com/library/view/manage-subscriptions-sheet"},{"@type":"ListItem","position":157,"name":"Swipe Container","url":"https://exploreswiftui.com/library/view/swipe-container"},{"@type":"ListItem","position":158,"name":"Swipe Action","url":"https://exploreswiftui.com/library/view/swipe-action"},{"@type":"ListItem","position":159,"name":"Navigation Split View Container Background","url":"https://exploreswiftui.com/library/view/navigation-split-view-container-background"},{"@type":"ListItem","position":160,"name":"Navigation Container Background","url":"https://exploreswiftui.com/library/view/navigation-container-background"},{"@type":"ListItem","position":161,"name":"ControlSize","url":"https://exploreswiftui.com/library/view/controlsize"},{"@type":"ListItem","position":162,"name":"Background Extension Effect","url":"https://exploreswiftui.com/library/view/background-extension-effect"},{"@type":"ListItem","position":163,"name":"Glass effect","url":"https://exploreswiftui.com/library/view/glass-effect"},{"@type":"ListItem","position":164,"name":"Toolbar Vertical Edge","url":"https://exploreswiftui.com/library/view/toolbar-vertical-edge"},{"@type":"ListItem","position":165,"name":"Hinge State","url":"https://exploreswiftui.com/library/view/hinge-state"},{"@type":"ListItem","position":166,"name":"TabSection","url":"https://exploreswiftui.com/library/tabview/tabsection"},{"@type":"ListItem","position":167,"name":"TabBarOnlyTabViewStyle","url":"https://exploreswiftui.com/library/tabview/tabbaronlytabviewstyle"},{"@type":"ListItem","position":168,"name":"TabView","url":"https://exploreswiftui.com/library/tabview/tabview"},{"@type":"ListItem","position":169,"name":"Search Tab Role","url":"https://exploreswiftui.com/library/tabview/search-tab-role"},{"@type":"ListItem","position":170,"name":"GroupedTabViewStyle","url":"https://exploreswiftui.com/library/tabview/groupedtabviewstyle"},{"@type":"ListItem","position":171,"name":"PageTabViewStyle","url":"https://exploreswiftui.com/library/tabview/pagetabviewstyle"},{"@type":"ListItem","position":172,"name":"VerticalPageTabViewStyle","url":"https://exploreswiftui.com/library/tabview/verticalpagetabviewstyle"},{"@type":"ListItem","position":173,"name":"SidebarAdaptableTabViewStyle","url":"https://exploreswiftui.com/library/tabview/sidebaradaptabletabviewstyle"},{"@type":"ListItem","position":174,"name":"TabView Bottom Accessory Placement","url":"https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement"},{"@type":"ListItem","position":175,"name":"Default Collapsed Tab Section","url":"https://exploreswiftui.com/library/tabview/default-collapsed-tab-section"},{"@type":"ListItem","position":176,"name":"Tab View Customization Behavior","url":"https://exploreswiftui.com/library/tabview/tab-view-customization-behavior"},{"@type":"ListItem","position":177,"name":"Tab View Customization","url":"https://exploreswiftui.com/library/tabview/tab-view-customization"},{"@type":"ListItem","position":178,"name":"Tab View Side Bar Footer","url":"https://exploreswiftui.com/library/tabview/tab-view-side-bar-footer"},{"@type":"ListItem","position":179,"name":"Tab View Side Bar Bottom Bar","url":"https://exploreswiftui.com/library/tabview/tab-view-side-bar-bottom-bar"},{"@type":"ListItem","position":180,"name":"Default Adaptable Tab Bar Placement","url":"https://exploreswiftui.com/library/tabview/default-adaptable-tab-bar-placement"},{"@type":"ListItem","position":181,"name":"Tab Bar Section Actions","url":"https://exploreswiftui.com/library/tabview/tab-bar-section-actions"},{"@type":"ListItem","position":182,"name":"Tab View Side Bar Header","url":"https://exploreswiftui.com/library/tabview/tab-view-side-bar-header"},{"@type":"ListItem","position":183,"name":"Tab Badge","url":"https://exploreswiftui.com/library/tabview/tab-badge"},{"@type":"ListItem","position":184,"name":"Hidden Index PageTabViewStyle","url":"https://exploreswiftui.com/library/tabview/hidden-index-pagetabviewstyle"},{"@type":"ListItem","position":185,"name":"Value Tab View","url":"https://exploreswiftui.com/library/tabview/value-tab-view"},{"@type":"ListItem","position":186,"name":"Hide Tab Bar On Scroll Down","url":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down"},{"@type":"ListItem","position":187,"name":"Bottom Accessory","url":"https://exploreswiftui.com/library/tabview/bottom-accessory"},{"@type":"ListItem","position":188,"name":"Glass Effect Container","url":"https://exploreswiftui.com/library/glasseffectcontainer/glass-effect-container"},{"@type":"ListItem","position":189,"name":"ContainerRelativeShape","url":"https://exploreswiftui.com/library/shapes/containerrelativeshape"},{"@type":"ListItem","position":190,"name":"Sheet Placement","url":"https://exploreswiftui.com/library/sheet/sheet-placement"},{"@type":"ListItem","position":191,"name":"Disable Sheet Dismiss Swipe","url":"https://exploreswiftui.com/library/sheet/disable-sheet-dismiss-swipe"},{"@type":"ListItem","position":192,"name":"Page Screen Sheet Size","url":"https://exploreswiftui.com/library/sheet/page-screen-sheet-size"},{"@type":"ListItem","position":193,"name":"Fitted Sheet Sizing","url":"https://exploreswiftui.com/library/sheet/fitted-sheet-sizing"},{"@type":"ListItem","position":194,"name":"Sheet Corner Radius","url":"https://exploreswiftui.com/library/sheet/sheet-corner-radius"},{"@type":"ListItem","position":195,"name":"Prioritize Sheet Content Scrolling","url":"https://exploreswiftui.com/library/sheet/prioritize-sheet-content-scrolling"},{"@type":"ListItem","position":196,"name":"Sheet Background Interaction","url":"https://exploreswiftui.com/library/sheet/sheet-background-interaction"},{"@type":"ListItem","position":197,"name":"Sheet Background","url":"https://exploreswiftui.com/library/sheet/sheet-background"},{"@type":"ListItem","position":198,"name":"Sheet Drag Indicator Visibility","url":"https://exploreswiftui.com/library/sheet/sheet-drag-indicator-visibility"},{"@type":"ListItem","position":199,"name":"Sheet Size","url":"https://exploreswiftui.com/library/sheet/sheet-size"},{"@type":"ListItem","position":200,"name":"Item Sheet","url":"https://exploreswiftui.com/library/sheet/item-sheet"},{"@type":"ListItem","position":201,"name":"Boolean Sheet","url":"https://exploreswiftui.com/library/sheet/boolean-sheet"},{"@type":"ListItem","position":202,"name":"Custom Label","url":"https://exploreswiftui.com/library/label/custom-label"},{"@type":"ListItem","position":203,"name":"Image Label","url":"https://exploreswiftui.com/library/label/image-label"},{"@type":"ListItem","position":204,"name":"System Image Label","url":"https://exploreswiftui.com/library/label/system-image-label"},{"@type":"ListItem","position":205,"name":"Label Styles","url":"https://exploreswiftui.com/library/label/label-styles"},{"@type":"ListItem","position":206,"name":"Custom Labeled Content","url":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content"},{"@type":"ListItem","position":207,"name":"Formatted Labeled Content","url":"https://exploreswiftui.com/library/labeledcontent/formatted-labeled-content"},{"@type":"ListItem","position":208,"name":"Labeled Content","url":"https://exploreswiftui.com/library/labeledcontent/labeled-content"},{"@type":"ListItem","position":209,"name":"Uniform Concentric Rectangle","url":"https://exploreswiftui.com/library/concentricrectangle/uniform-concentric-rectangle"},{"@type":"ListItem","position":210,"name":"Concentric Rectangle","url":"https://exploreswiftui.com/library/concentricrectangle/concentric-rectangle"},{"@type":"ListItem","position":211,"name":"Custom Placeholder Async URL Image","url":"https://exploreswiftui.com/library/asyncimage/custom-placeholder-async-url-image"},{"@type":"ListItem","position":212,"name":"Custom Phases Async URL Image","url":"https://exploreswiftui.com/library/asyncimage/custom-phases-async-url-image"},{"@type":"ListItem","position":213,"name":"Async URL Image","url":"https://exploreswiftui.com/library/asyncimage/async-url-image"},{"@type":"ListItem","position":214,"name":"Custom Session Async URL Image","url":"https://exploreswiftui.com/library/asyncimage/custom-session-async-url-image"},{"@type":"ListItem","position":215,"name":"Message Error Alert","url":"https://exploreswiftui.com/library/alert/message-error-alert"},{"@type":"ListItem","position":216,"name":"Message Item Alert","url":"https://exploreswiftui.com/library/alert/message-item-alert"},{"@type":"ListItem","position":217,"name":"Item Alert","url":"https://exploreswiftui.com/library/alert/item-alert"},{"@type":"ListItem","position":218,"name":"Error Alert","url":"https://exploreswiftui.com/library/alert/error-alert"},{"@type":"ListItem","position":219,"name":"Placeholder Icon Product View","url":"https://exploreswiftui.com/library/productview/placeholder-icon-product-view"},{"@type":"ListItem","position":220,"name":"Custom Icon Product View","url":"https://exploreswiftui.com/library/productview/custom-icon-product-view"},{"@type":"ListItem","position":221,"name":"Product View","url":"https://exploreswiftui.com/library/productview/product-view"},{"@type":"ListItem","position":222,"name":"CompactProductViewStyle","url":"https://exploreswiftui.com/library/productview/compactproductviewstyle"},{"@type":"ListItem","position":223,"name":"RegularProductViewStyle","url":"https://exploreswiftui.com/library/productview/regularproductviewstyle"},{"@type":"ListItem","position":224,"name":"LargeProductViewStyle","url":"https://exploreswiftui.com/library/productview/largeproductviewstyle"},{"@type":"ListItem","position":225,"name":"Icon Phase Store View","url":"https://exploreswiftui.com/library/storeview/icon-phase-store-view"},{"@type":"ListItem","position":226,"name":"Placeholder Icon Store View","url":"https://exploreswiftui.com/library/storeview/placeholder-icon-store-view"},{"@type":"ListItem","position":227,"name":"Custom Icon Store View","url":"https://exploreswiftui.com/library/storeview/custom-icon-store-view"},{"@type":"ListItem","position":228,"name":"Store View","url":"https://exploreswiftui.com/library/storeview/store-view"},{"@type":"ListItem","position":229,"name":"Store Cancellation Button","url":"https://exploreswiftui.com/library/storeview/store-cancellation-button"},{"@type":"ListItem","position":230,"name":"Restore Purchases Button","url":"https://exploreswiftui.com/library/storeview/restore-purchases-button"},{"@type":"ListItem","position":231,"name":"Custom Group Subscription Store View","url":"https://exploreswiftui.com/library/subscriptionstoreview/custom-group-subscription-store-view"},{"@type":"ListItem","position":232,"name":"Custom Header Subscription Store View","url":"https://exploreswiftui.com/library/subscriptionstoreview/custom-header-subscription-store-view"},{"@type":"ListItem","position":233,"name":"Upgrade Only Subscription Store View","url":"https://exploreswiftui.com/library/subscriptionstoreview/upgrade-only-subscription-store-view"},{"@type":"ListItem","position":234,"name":"Group Subscription Store View","url":"https://exploreswiftui.com/library/subscriptionstoreview/group-subscription-store-view"},{"@type":"ListItem","position":235,"name":"Single Subscription Store View","url":"https://exploreswiftui.com/library/subscriptionstoreview/single-subscription-store-view"},{"@type":"ListItem","position":236,"name":"Subscription Store View","url":"https://exploreswiftui.com/library/subscriptionstoreview/subscription-store-view"},{"@type":"ListItem","position":237,"name":"Capsule Text Field","url":"https://exploreswiftui.com/library/textfield/capsule-text-field"},{"@type":"ListItem","position":238,"name":"ArrangementView","url":"https://exploreswiftui.com/library/arrangementview/arrangementview"},{"@type":"ListItem","position":239,"name":"Overlay Arrangement Style","url":"https://exploreswiftui.com/library/arrangementview/overlay-arrangement-style"},{"@type":"ListItem","position":240,"name":"Only Horizontal Split Arrangement Style","url":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style"},{"@type":"ListItem","position":241,"name":"Overlay Arrangement Edge","url":"https://exploreswiftui.com/library/arrangementview/overlay-arrangement-edge"},{"@type":"ListItem","position":242,"name":"Split Arrangement Layout Ratio","url":"https://exploreswiftui.com/library/arrangementview/split-arrangement-layout-ratio"},{"@type":"ListItem","position":243,"name":"Overlay Arrangement ZIndex","url":"https://exploreswiftui.com/library/arrangementview/overlay-arrangement-zindex"},{"@type":"ListItem","position":244,"name":"Reserved Regions","url":"https://exploreswiftui.com/library/geometryreader/reserved-regions"}]},{"@id":"https://exploreswiftui.com/#logo","@type":"ImageObject","caption":"Explore SwiftUI","contentUrl":"https://exploreswiftui.com/apple-touch-icon.png","inLanguage":"en","url":"https://exploreswiftui.com/apple-touch-icon.png"}]}
```