BorderedListStyle
The list style that describes the behavior and appearance of a list with standard border.
Platform Compatibility
Tags
SwiftUI Code
List {
Section {
Toggle("Toggle", isOn: .constant(true))
TextField("TextField", text: .constant(""))
Button("Button", action: action)
Picker("Picker", selection: .constant(0)) {
Text("Option 1").tag(0)
}
}
Text("Foo")
Section {
Text("Bar1")
Text("Bar2")
} header: {
Text("Header")
} footer: {
Text("Footer")
}
}
.listStyle(.bordered)Found an issue or have a suggestion?
More List Components
View all
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.
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.
Explore Other Components
Browse all
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
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.
