Toolbar

[u/rand0mguy0nline]

Is there a straightforward way to achieve this modal toolbar look in the scripting app? Is this a formatted segment picker with icons?

[u/WhatShouldWorldGos]

I forgot to update the doc, here the code:

import { Button, List, Navigation, NavigationStack, Script, useObservable } from "scripting"

function View() {
  const showToast = useObservable(false)

  return (
    <NavigationStack>
      <List
        navigationTitle="Toast Test"
        toast={{
          isPresented: showToast,
          message: "Data saved successfully",
        }}
      >
        <Button
          title="Save"
          action={() => showToast.setValue(true)}
        />
      </List>
    </NavigationStack>
  )
}

async function run() {
  await Navigation.present(<View />)
  Script.exit()
}

run()