ToolbarItem

ToolbarItem(props: { placement?: ToolbarItemPlacement }, content: Component[]): ToolbarItem;

VStack([Text("Content")])
    .toolbar(
        ToolbarItem({ placement: "topBarTrailing" }, [
            Button("Save", () => handleSave())
        ])
    )

VStack([Text("Content")])
    .toolbar([
        ToolbarItem({ placement: "topBarLeading" }, [
            Button("Cancel", () => handleCancel())
        ]),
        ToolbarItem({ placement: "topBarTrailing" }, [
            Button("Done", () => handleDone())
        ])
    ])

NavigationStack([
    Text("Content")
        .toolbar(
            ToolbarItem({ placement: "principal" }, [
                VStack([
                    Text("Title").font("headline"),
                    Text("Subtitle").font("caption")
                ])
            ])
        )
])

VStack([Text("Content")])
    .toolbar([
        ToolbarItem({ placement: "bottomBar" }, [
            Button("Action 1", () => {})
        ]),
        ToolbarItem({ placement: "bottomBar" }, [
            Button("Action 2", () => {})
        ])
    ])

VStack([Text("Content")])
    .toolbar(
        ToolbarItem({ placement: "topBarTrailing" }, [
            Button(
                Image({ systemName: "square.and.arrow.up" }),
                () => handleShare()
            )
        ])
    )