SidebarListStyle
The list style that describes the behavior and appearance of a sidebar list.
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(.sidebar)Found an issue or have a suggestion?
More List Components
View allOutline 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 allLinearGaugeStyle
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
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.
Multiple Sources Toggle
Creates a toggle that updates the selected property for all sources. Once toggled, all sources will have the same value.