DEV Community

GoyesDev
GoyesDev

Posted on

[SUI] DisclosureGroup

Parecido a OutlineGroup, DisclosureGroup muestra u oculta una vista contenida con base en el estado de un control de revelación.

  • init(_:isExpanded:content:): titleKey es el título visible cuando el grupo está colapsado. isExpanded es un Binding para guardar si los hijos están o no revelados (no es obligatorio). content es el contenido a mostrar cuando está revelado.
struct ContentView: View {
  struct ToggleStates {
    var oneIsOn: Bool = false
    var twoIsOn: Bool = true
  }
  @State private var toggleStates = ToggleStates()
  @State private var topExpanded: Bool = true

  var body: some View {
    Form {
      DisclosureGroup("Items", isExpanded: $topExpanded) {
        Toggle("Toggle 1", isOn: $toggleStates.oneIsOn)
        Toggle("Toggle 2", isOn: $toggleStates.twoIsOn)
        DisclosureGroup("Sub-items") {
          Text("Sub-item 1")
        }
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)